mirror of
				https://github.com/pure-admin/vue-pure-admin.git
				synced 2025-11-03 13:44:47 +08:00 
			
		
		
		
	fix: update
This commit is contained in:
		
							parent
							
								
									d2cd29a838
								
							
						
					
					
						commit
						1848c43f0c
					
				@ -1,16 +0,0 @@
 | 
				
			|||||||
## 一款基于`element-plus`表格封装的`table-crud`组件库,采用`tsx`语法编写,通过一些灵活的配置项即可实现增删改查
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
### wait todo
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- 搜索组件
 | 
					 | 
				
			||||||
- 表格组件
 | 
					 | 
				
			||||||
- 弹框组件
 | 
					 | 
				
			||||||
- form 组件
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
### completed
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- 操作栏组件
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
目前只完成了操作栏组件,后续有时间慢慢完善对应组件,因为作者比较忙,暂无具体计划完成时间,忘谅解,当然非常欢迎 pr,等这些组件全部完成后,我会单独抽离成`npm`包的形式发布。
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
注意:该组件库为了快速成型,内部依赖了`unocss`。
 | 
					 | 
				
			||||||
@ -1,5 +1,5 @@
 | 
				
			|||||||
import epTableProBar from "./src/bar";
 | 
					import tableProBar from "./src/bar";
 | 
				
			||||||
import { withInstall } from "/@/utils";
 | 
					import { withInstall } from "/@/utils";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/** table-crud组件 */
 | 
					/** table-crud组件 */
 | 
				
			||||||
export const EpTableProBar = withInstall(epTableProBar);
 | 
					export const TableProBar = withInstall(tableProBar);
 | 
				
			||||||
 | 
				
			|||||||
@ -43,7 +43,7 @@ const props = {
 | 
				
			|||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default defineComponent({
 | 
					export default defineComponent({
 | 
				
			||||||
  name: "EpTableProBar",
 | 
					  name: "TableProBar",
 | 
				
			||||||
  props,
 | 
					  props,
 | 
				
			||||||
  emits: ["refresh"],
 | 
					  emits: ["refresh"],
 | 
				
			||||||
  setup(props, { emit, slots, attrs }) {
 | 
					  setup(props, { emit, slots, attrs }) {
 | 
				
			||||||
 | 
				
			|||||||
@ -5,7 +5,7 @@ import { getDeptList } from "/@/api/system";
 | 
				
			|||||||
import { FormInstance } from "element-plus";
 | 
					import { FormInstance } from "element-plus";
 | 
				
			||||||
import { PureTable } from "@pureadmin/table";
 | 
					import { PureTable } from "@pureadmin/table";
 | 
				
			||||||
import { reactive, ref, onMounted } from "vue";
 | 
					import { reactive, ref, onMounted } from "vue";
 | 
				
			||||||
import { EpTableProBar } from "/@/components/ReTable";
 | 
					import { TableProBar } from "/@/components/ReTable";
 | 
				
			||||||
import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 | 
					import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
defineOptions({
 | 
					defineOptions({
 | 
				
			||||||
@ -87,7 +87,7 @@ onMounted(() => {
 | 
				
			|||||||
      </el-form-item>
 | 
					      </el-form-item>
 | 
				
			||||||
    </el-form>
 | 
					    </el-form>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <EpTableProBar
 | 
					    <TableProBar
 | 
				
			||||||
      title="部门列表"
 | 
					      title="部门列表"
 | 
				
			||||||
      :loading="loading"
 | 
					      :loading="loading"
 | 
				
			||||||
      :tableRef="tableRef?.getTableRef()"
 | 
					      :tableRef="tableRef?.getTableRef()"
 | 
				
			||||||
@ -142,6 +142,6 @@ onMounted(() => {
 | 
				
			|||||||
          </template>
 | 
					          </template>
 | 
				
			||||||
        </PureTable>
 | 
					        </PureTable>
 | 
				
			||||||
      </template>
 | 
					      </template>
 | 
				
			||||||
    </EpTableProBar>
 | 
					    </TableProBar>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
				
			|||||||
@ -282,7 +282,7 @@ function onHide() {
 | 
				
			|||||||
          </el-tooltip>
 | 
					          </el-tooltip>
 | 
				
			||||||
        </template>
 | 
					        </template>
 | 
				
			||||||
      </vxe-table-column>
 | 
					      </vxe-table-column>
 | 
				
			||||||
      <vxe-table-column title="操作" width="330" fixed="right">
 | 
					      <vxe-table-column title="操作" width="360" fixed="right">
 | 
				
			||||||
        <template #default="{ row }">
 | 
					        <template #default="{ row }">
 | 
				
			||||||
          <el-button
 | 
					          <el-button
 | 
				
			||||||
            link
 | 
					            link
 | 
				
			||||||
 | 
				
			|||||||
@ -4,7 +4,7 @@ import { getRoleList } from "/@/api/system";
 | 
				
			|||||||
import { PureTable } from "@pureadmin/table";
 | 
					import { PureTable } from "@pureadmin/table";
 | 
				
			||||||
import { reactive, ref, onMounted } from "vue";
 | 
					import { reactive, ref, onMounted } from "vue";
 | 
				
			||||||
import { type FormInstance } from "element-plus";
 | 
					import { type FormInstance } from "element-plus";
 | 
				
			||||||
import { EpTableProBar } from "/@/components/ReTable";
 | 
					import { TableProBar } from "/@/components/ReTable";
 | 
				
			||||||
import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 | 
					import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
defineOptions({
 | 
					defineOptions({
 | 
				
			||||||
@ -101,7 +101,7 @@ onMounted(() => {
 | 
				
			|||||||
      </el-form-item>
 | 
					      </el-form-item>
 | 
				
			||||||
    </el-form>
 | 
					    </el-form>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <EpTableProBar
 | 
					    <TableProBar
 | 
				
			||||||
      title="角色列表"
 | 
					      title="角色列表"
 | 
				
			||||||
      :loading="loading"
 | 
					      :loading="loading"
 | 
				
			||||||
      :dataList="dataList"
 | 
					      :dataList="dataList"
 | 
				
			||||||
@ -200,7 +200,7 @@ onMounted(() => {
 | 
				
			|||||||
          @current-change="handleCurrentChange"
 | 
					          @current-change="handleCurrentChange"
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
      </template>
 | 
					      </template>
 | 
				
			||||||
    </EpTableProBar>
 | 
					    </TableProBar>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -4,7 +4,7 @@ import { useColumns } from "./columns";
 | 
				
			|||||||
import { getUserList } from "/@/api/system";
 | 
					import { getUserList } from "/@/api/system";
 | 
				
			||||||
import { PureTable } from "@pureadmin/table";
 | 
					import { PureTable } from "@pureadmin/table";
 | 
				
			||||||
import { reactive, ref, onMounted } from "vue";
 | 
					import { reactive, ref, onMounted } from "vue";
 | 
				
			||||||
import { EpTableProBar } from "/@/components/ReTable";
 | 
					import { TableProBar } from "/@/components/ReTable";
 | 
				
			||||||
import { type FormInstance } from "element-plus";
 | 
					import { type FormInstance } from "element-plus";
 | 
				
			||||||
import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 | 
					import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -114,7 +114,7 @@ onMounted(() => {
 | 
				
			|||||||
        </el-form-item>
 | 
					        </el-form-item>
 | 
				
			||||||
      </el-form>
 | 
					      </el-form>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <EpTableProBar
 | 
					      <TableProBar
 | 
				
			||||||
        title="用户管理"
 | 
					        title="用户管理"
 | 
				
			||||||
        :loading="loading"
 | 
					        :loading="loading"
 | 
				
			||||||
        :dataList="dataList"
 | 
					        :dataList="dataList"
 | 
				
			||||||
@ -212,7 +212,7 @@ onMounted(() => {
 | 
				
			|||||||
            @current-change="handleCurrentChange"
 | 
					            @current-change="handleCurrentChange"
 | 
				
			||||||
          />
 | 
					          />
 | 
				
			||||||
        </template>
 | 
					        </template>
 | 
				
			||||||
      </EpTableProBar>
 | 
					      </TableProBar>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user