el-plus2 0.0.0

package/lib/components/table/src/use-table.js

@@ -0,0 +1,264 @@
+'use strict';
+
+var vue = require('vue');
+var useRequest = require('../../../hooks/use-request.js');
+var props = require('../../../utils/props.js');
+
+const useTable = (props) => {
+  const elFormRef = vue.useTemplateRef("elFormRef");
+  const elTableRef = vue.useTemplateRef("elTableRef");
+  const customData = vue.ref([]);
+  const {
+    loading,
+    requestFn
+  } = useRequest.useRequest({
+    api: props.api,
+    method: props.method,
+    reqData: props.reqData,
+    reqParams: props.reqParams,
+    reqBefore: props.reqBefore,
+    reqAfter: props.reqAfter,
+    cancelToken: true,
+    hooks: {
+      success(data) {
+        if (Array.isArray(data)) {
+          customData.value = data;
+        } else if (data && typeof data === "object") {
+          const rawData = data;
+          customData.value = rawData?.list || rawData?.data || [];
+        } else {
+          customData.value = [];
+        }
+        if (props.showPagination) {
+          pagination.total = (props.isFrontPage ? customData.value.length : data.total) || 0;
+        }
+      },
+      fail(error) {
+        console.error(error);
+      }
+    }
+  });
+  const search = (init = false, isPagination = false) => {
+    if (init) {
+      pagination.pageNo = 1;
+    }
+    if (isPagination && props.isFrontPage) {
+      const {
+        pageNo,
+        pageSize
+      } = pagination;
+      const data = customData.value.filter((item, index) => {
+        return index < pageNo * pageSize && index >= (pageNo - 1) * pageSize;
+      });
+      customData.value = data;
+    } else {
+      if (props.api) {
+        requestFn({
+          pageNo: pagination.pageNo,
+          pageSize: pagination.pageSize
+        });
+      } else if (props.data?.length) {
+        customData.value = props.data;
+      }
+    }
+  };
+  const {
+    pagination,
+    paginationProps
+  } = usePagination(props, search);
+  search(true);
+  const validate = () => {
+    return elFormRef.value.validate();
+  };
+  const resetFields = (props2) => {
+    return elFormRef.value.resetFields(props2);
+  };
+  const clearValidate = (props2) => {
+    return elFormRef.value.clearValidate(props2);
+  };
+  const formatActionButtons = (list, scope) => {
+    return list.map((item) => {
+      if (item.onClick) {
+        item.onClick = item.onClick.bind(null, scope);
+      }
+      return item;
+    });
+  };
+  return {
+    loading,
+    data: customData,
+    search,
+    pagination,
+    paginationProps,
+    validate,
+    resetFields,
+    clearValidate,
+    elFormRef,
+    elTableRef,
+    formatActionButtons
+  };
+};
+const usePagination = function(props, search) {
+  const pageSizes = [20, 50, 100, 200];
+  const pagination = vue.reactive({
+    total: 0,
+    pageNo: 1,
+    pageSize: pageSizes[0]
+  });
+  const paginationProps = vue.computed(() => {
+    const defaultPaginationProps = props.paginationProps || {};
+    const onSizeChange = defaultPaginationProps.onSizeChange;
+    const onCurrentChange = defaultPaginationProps.onCurrentChange;
+    return {
+      ...defaultPaginationProps,
+      pageSizes,
+      layout: "total, sizes, prev, pager, next, jumper",
+      onSizeChange: (value) => {
+        onSizeChange && onSizeChange(value);
+        search(true, true);
+      },
+      onCurrentChange: (value) => {
+        onCurrentChange && onCurrentChange(value);
+        search(false, true);
+      }
+    };
+  });
+  return {
+    pagination,
+    paginationProps
+  };
+};
+const useTableColumn = (props$1, tableData) => {
+  const columnProps = (column) => {
+    const attrs = {
+      align: column.align || props$1.align
+      // ...prepareEvents<TableEmits>(emit, tableEmits),
+    };
+    if (!column.renderHeader) {
+      let required = column.required;
+      if (typeof column.required === "function") {
+        required = column.required();
+      }
+      if (required) {
+        attrs["renderHeader"] = (data) => {
+          const {
+            column: column2
+          } = data;
+          return vue.createVNode("span", null, [vue.createVNode("span", {
+            "style": "color:var(--el-color-danger)"
+          }, [vue.createTextVNode(" * ")]), column2.label]);
+        };
+      }
+    }
+    if (column.headerRender) {
+      attrs.renderHeader = column.headerRender;
+    }
+    if (column.filter) {
+      const arr = tableData.value.map((item) => item[column.prop]);
+      attrs.filters = [...new Set(arr)].map((item) => {
+        return {
+          text: item,
+          value: item
+        };
+      });
+      attrs.filterMethod = (value, row) => {
+        return row[column.prop] === value;
+      };
+    }
+    return {
+      ...attrs,
+      ...props.prepareProps(column)
+    };
+  };
+  const columnList = vue.computed(() => {
+    return props$1.columns.filter((column) => {
+      if (props$1.linkProps.length) {
+        const linkColumn = props$1.linkProps.find((item) => item.prop === column.prop);
+        if (linkColumn) {
+          column.type = "EpButtons";
+          column.className = "table-column-link";
+          column.props = {
+            list: [linkColumn],
+            type: "text",
+            ...column.props
+          };
+        }
+      }
+      if ("show" in column) {
+        return typeof column.show === "function" ? column.show(column) : column.show;
+      } else if ("hide" in column) {
+        return typeof column.hide === "function" ? !column.hide(column) : !column.hide;
+      }
+      return true;
+    });
+  });
+  return {
+    columnProps,
+    columnList
+  };
+};
+const useTableFormItem = (props$1) => {
+  const formItemProps = (scope, item) => {
+    let required = item.required;
+    if (typeof required === "function") {
+      required = required();
+    }
+    if (item.cellRequired) {
+      required = item.cellRequired(scope);
+    }
+    let disabled = props$1.disabled;
+    if ("disabled" in item) {
+      if (typeof item.disabled === "function") {
+        disabled = item.disabled(scope);
+      } else {
+        disabled = item.disabled || false;
+      }
+    }
+    if (item.type === "EpSelect" && item.props) {
+      if ("options" in item.props && typeof item.props.options === "function") {
+        item.props.options = item.props.options(scope);
+      }
+      if ("disabledOption" in item.props && typeof item.props.disabledOption === "function") {
+        const disabledOption = item.props.disabledOption;
+        item.props.disabledOption = (...args) => disabledOption(...args, scope);
+      }
+    }
+    if (item.type === "EpButtons" && item.props) {
+      item.props.list.forEach((btnItem) => {
+        if (btnItem.prop) {
+          btnItem.name = scope.row[btnItem.prop];
+        }
+        if (btnItem.onClick) {
+          btnItem.onClick = btnItem.onClick.bind(null, scope);
+        }
+      });
+    }
+    for (const key in item) {
+      if (key.startsWith("on") && typeof item[key] === "function") {
+        const fn = item[key];
+        item[key] = (...args) => fn(...args, scope);
+      }
+    }
+    return {
+      ...props.prepareProps(item),
+      isShowLabel: false,
+      required,
+      hideRequiredAsterisk: "cellRequired" in item ? false : required,
+      prop: `table.${scope.$index}.${item.prop}`,
+      tableProp: item.prop,
+      // table里的表单需要绑定的prop
+      props: {
+        ...item.props,
+        disabled
+      }
+    };
+  };
+  return {
+    formItemProps
+  };
+};
+
+exports.useTable = useTable;
+exports.useTableColumn = useTableColumn;
+exports.useTableFormItem = useTableFormItem;
+//# sourceMappingURL=use-table.js.map

package/lib/components/table/src/use-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table.js","sources":["../../../../../../packages/components/table/src/use-table.tsx"],"sourcesContent":["import type { FormInstance, TableInstance, FormItemProp } from 'element-plus'\nimport { ref, computed, type Ref, reactive, useTemplateRef } from 'vue'\nimport { useRequest } from '@el-plus/hooks/use-request'\nimport type { TableColumn, TableProps, TableScope } from './table'\nimport type { ButtonProps } from '@el-plus/components/buttons'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nexport type ISearch = (init: boolean, isPagination?: boolean) => void\nexport const useTable = (props: TableProps) => {\n  const elFormRef = useTemplateRef<FormInstance>('elFormRef')\n  const elTableRef = useTemplateRef<TableInstance>('elTableRef')\n  const customData = ref<Record<string, unknown>[]>([])\n  const { loading, requestFn } = useRequest({\n    api: props.api,\n    method: props.method,\n    reqData: props.reqData,\n    reqParams: props.reqParams,\n    reqBefore: props.reqBefore,\n    reqAfter: props.reqAfter,\n    cancelToken: true,\n    hooks: {\n      success(data) {\n        if (Array.isArray(data)) {\n          customData.value = data\n        } else if (data && typeof data === 'object') {\n          const rawData = data as Record<string, any>\n          customData.value = rawData?.list || rawData?.data || []\n        } else {\n          customData.value = []\n        }\n        if (props.showPagination) {\n          pagination.total =\n            (props.isFrontPage\n              ? customData.value.length\n              : (data as { total: number }).total) || 0\n        }\n      },\n      fail(error) {\n        console.error(error)\n      },\n    },\n  })\n  // 加载下拉列表\n  const search: ISearch = (init = false, isPagination = false) => {\n    if (init) {\n      pagination.pageNo = 1\n    }\n    // 前端分页\n    if (isPagination && props.isFrontPage) {\n      const { pageNo, pageSize } = pagination\n      const data = customData.value.filter((item, index) => {\n        return index < pageNo * pageSize && index >= (pageNo - 1) * pageSize\n      })\n      customData.value = data\n    } else {\n      if (props.api) {\n        requestFn!({\n          pageNo: pagination.pageNo,\n          pageSize: pagination.pageSize,\n        })\n      } else if (props.data?.length) {\n        customData.value = props.data\n      }\n    }\n  }\n  const { pagination, paginationProps } = usePagination(props, search)\n  search(true)\n  // 校验\n  const validate = () => {\n    return elFormRef.value!.validate()\n  }\n  // 重置校验\n  const resetFields = (props: FormItemProp) => {\n    return elFormRef.value!.resetFields(props)\n  }\n  // 清理某个字段的表单验证信息\n  const clearValidate = (props: FormItemProp) => {\n    return elFormRef.value!.clearValidate(props)\n  }\n  // 格式化操作按钮\n  const formatActionButtons = (list: ButtonProps[], scope: TableScope) => {\n    return list.map((item) => {\n      if (item.onClick) {\n        item.onClick = item.onClick.bind(null, scope)\n      }\n      return item\n    })\n  }\n\n  return {\n    loading,\n    data: customData,\n    search,\n    pagination,\n    paginationProps,\n    validate,\n    resetFields,\n    clearValidate,\n    elFormRef,\n    elTableRef,\n    formatActionButtons,\n  }\n}\nconst usePagination = function (props: TableProps, search: ISearch) {\n  const pageSizes = [20, 50, 100, 200]\n  const pagination = reactive({\n    total: 0,\n    pageNo: 1,\n    pageSize: pageSizes[0],\n  })\n  const paginationProps = computed(() => {\n    const defaultPaginationProps = props.paginationProps || {}\n    const onSizeChange = defaultPaginationProps.onSizeChange\n    const onCurrentChange = defaultPaginationProps.onCurrentChange\n    return {\n      ...defaultPaginationProps,\n      pageSizes,\n      layout: 'total, sizes, prev, pager, next, jumper',\n      onSizeChange: (value: number) => {\n        onSizeChange && onSizeChange(value)\n        search(true, true)\n      },\n      onCurrentChange: (value: number) => {\n        onCurrentChange && onCurrentChange(value)\n        search(false, true)\n      },\n    }\n  })\n  return {\n    pagination,\n    paginationProps,\n  }\n}\n\nexport const useTableColumn = (\n  props: TableProps,\n  tableData: Ref<TableProps['data']>,\n) => {\n  const columnProps = (column: TableColumn) => {\n    const attrs = {\n      align: column.align || props.align,\n      // ...prepareEvents<TableEmits>(emit, tableEmits),\n    } as TableColumn\n    // console.log(attrs)\n\n    if (!column.renderHeader) {\n      let required = column.required\n      if (typeof column.required === 'function') {\n        required = column.required()\n      }\n      if (required) {\n        attrs['renderHeader'] = (data) => {\n          const { column } = data\n          return (\n            <span>\n              <span style=\"color:var(--el-color-danger)\"> * </span>\n              {column.label}\n            </span>\n          )\n        }\n      }\n    }\n    if (column.headerRender) {\n      attrs.renderHeader = column.headerRender\n    }\n    if (column.filter) {\n      const arr = tableData.value!.map((item) => item[column.prop!])\n      attrs.filters = [...new Set(arr)].map((item) => {\n        return {\n          text: item,\n          value: item,\n        }\n      })\n      attrs.filterMethod = (value, row) => {\n        return row[column.prop!] === value\n      }\n    }\n    return {\n      ...attrs,\n      ...prepareProps(column),\n    }\n  }\n  const columnList = computed(() => {\n    return props.columns!.filter((column: TableColumn) => {\n      if (props.linkProps!.length) {\n        const linkColumn = props.linkProps!.find(\n          (item) => item.prop === column.prop,\n        )\n        if (linkColumn) {\n          column.type = 'EpButtons'\n          column.className = 'table-column-link'\n          column.props = {\n            list: [linkColumn],\n            type: 'text',\n            ...column.props,\n          }\n        }\n      }\n      if ('show' in column) {\n        return typeof column.show === 'function'\n          ? column.show(column)\n          : column.show\n      } else if ('hide' in column) {\n        return typeof column.hide === 'function'\n          ? !column.hide(column)\n          : !column.hide\n      }\n      return true\n    })\n  })\n  return {\n    columnProps,\n    columnList,\n  }\n}\n\nexport const useTableFormItem = (props: TableProps) => {\n  const formItemProps = (scope: TableScope, item: TableColumn) => {\n    let required = item.required\n    if (typeof required === 'function') {\n      required = required()\n    }\n    if (item.cellRequired) {\n      required = item.cellRequired(scope)\n    }\n    let disabled = props.disabled\n    if ('disabled' in item) {\n      if (typeof item.disabled === 'function') {\n        disabled = item.disabled(scope)\n      } else {\n        disabled = item.disabled || false\n      }\n    }\n    if (item.type === 'EpSelect' && item.props) {\n      if ('options' in item.props && typeof item.props.options === 'function') {\n        item.props.options = item.props.options(scope)\n      }\n      if (\n        'disabledOption' in item.props &&\n        typeof item.props.disabledOption === 'function'\n      ) {\n        const disabledOption = item.props.disabledOption\n        item.props.disabledOption = (...args: unknown[]) =>\n          disabledOption(...args, scope)\n      }\n    }\n\n    if (item.type === 'EpButtons' && item.props) {\n      item.props.list.forEach((btnItem: ButtonProps) => {\n        if (btnItem.prop) {\n          btnItem.name = scope.row[btnItem.prop] as string\n        }\n        if (btnItem.onClick) {\n          btnItem.onClick = btnItem.onClick.bind(null, scope)\n        }\n      })\n    }\n    for (const key in item) {\n      if (key.startsWith('on') && typeof item[key] === 'function') {\n        const fn = item[key]\n        item[key] = (...args: unknown[]) => fn(...args, scope)\n      }\n    }\n    return {\n      ...prepareProps(item),\n      isShowLabel: false,\n      required,\n      hideRequiredAsterisk: 'cellRequired' in item ? false : required,\n      prop: `table.${scope.$index}.${item.prop}`,\n      tableProp: item.prop, // table里的表单需要绑定的prop\n      props: {\n        ...item.props,\n        disabled,\n      },\n    }\n  }\n  return {\n    formItemProps,\n  }\n}\n"],"names":["useTable","props","elFormRef","useTemplateRef","elTableRef","customData","ref","loading","requestFn","useRequest","api","method","reqData","reqParams","reqBefore","reqAfter","cancelToken","hooks","success","data","Array","isArray","value","rawData","list","showPagination","pagination","total","isFrontPage","length","fail","error","console","search","init","isPagination","pageNo","pageSize","filter","item","index","paginationProps","usePagination","validate","resetFields","clearValidate","formatActionButtons","scope","map","onClick","bind","pageSizes","reactive","computed","defaultPaginationProps","onSizeChange","onCurrentChange","layout","useTableColumn","tableData","columnProps","column","attrs","align","renderHeader","required","_createVNode","_createTextVNode","label","headerRender","arr","prop","filters","Set","text","filterMethod","row","prepareProps","columnList","columns","linkProps","linkColumn","find","type","className","show","hide","useTableFormItem","formItemProps","cellRequired","disabled","options","disabledOption","args","forEach","btnItem","name","key","startsWith","fn","isShowLabel","hideRequiredAsterisk","$index","tableProp"],"mappings":"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"}

package/lib/components.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin[];
+export default _default;

package/lib/components.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./components/buttons/index.js');
+var index$1 = require('./components/form/index.js');
+var index$2 = require('./components/input/index.js');
+var index$3 = require('./components/searchListPage/index.js');
+var index$4 = require('./components/select/index.js');
+var index$5 = require('./components/table/index.js');
+
+var components = [index.default, index$1.default, index$2.default, index$3.default, index$4.default, index$5.default];
+
+exports.default = components;
+//# sourceMappingURL=components.js.map

package/lib/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sources":["../../../packages/el-plus/components.ts"],"sourcesContent":["import type { Plugin } from 'vue'\nimport Buttons from '@el-plus/components/buttons'\nimport Form from '@el-plus/components/form'\nimport Input from '@el-plus/components/input'\nimport SearchListPage from '@el-plus/components/searchListPage'\nimport Select from '@el-plus/components/select'\nimport Table from '@el-plus/components/table'\n\nexport default [Buttons, Form, Input, SearchListPage, Select, Table] as Plugin[]\n"],"names":["Buttons","Form","Input","SearchListPage","Select","Table"],"mappings":";;;;;;;;;;;AAQA,iBAAe,CAACA,aAAA,EAASC,eAAA,EAAMC,eAAA,EAAOC,eAAA,EAAgBC,iBAAQC,eAAK,CAAA;;;;"}

package/lib/directives/index.d.ts

@@ -0,0 +1,2 @@
+export { default as vRepeatClick } from './repeat-click';
+export { default as vPermission } from './permission';

package/lib/directives/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var index = require('./repeat-click/index.js');
+var index$1 = require('./permission/index.js');
+
+
+
+exports.vRepeatClick = index.default;
+exports.vPermission = index$1.default;
+//# sourceMappingURL=index.js.map

package/lib/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/directives/permission/index.d.ts

@@ -0,0 +1,6 @@
+import type { Directive } from 'vue';
+declare const vPermisson: Directive<HTMLElement> & {
+    name: string;
+};
+export declare function checkPermission(permission: string, el: HTMLElement): Promise<boolean>;
+export default vPermisson;

package/lib/directives/permission/index.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var request = require('../../utils/request.js');
+
+const vPermisson = {
+  name: "permission",
+  mounted(el, binding) {
+    const { arg, value } = binding.value;
+    if (!arg && !value) {
+      return;
+    }
+    el.style.display = "none";
+    const permission = `${arg}:${value}`;
+    checkPermission(permission, el);
+  },
+  updated(el, binding) {
+    const { arg, value } = binding.value;
+    if (!arg && !value) {
+      if (el.style.display === "none") {
+        el.style.display = "";
+      }
+      return;
+    }
+    const permission = `${arg}:${value}`;
+    checkPermission(permission, el);
+  }
+};
+async function checkPermission(permission, el) {
+  const { data: roles = [] } = await queryRoles();
+  const hasPermission = roles.indexOf(permission) > -1;
+  if (!hasPermission) {
+    el && el.parentNode && el.parentNode.removeChild(el);
+  } else {
+    el.style.display = "";
+  }
+  return hasPermission;
+}
+let requestPromise = null;
+async function queryRoles() {
+  try {
+    if (requestPromise) {
+      return requestPromise;
+    }
+    requestPromise = request.default({
+      url: "/api-u/api/saas/user/appButtonRoleList",
+      loading: true,
+      noErrorMsg: true
+    });
+    return requestPromise;
+  } catch (error) {
+    console.error(error);
+    return { data: [] };
+  }
+}
+
+exports.checkPermission = checkPermission;
+exports.default = vPermisson;
+//# sourceMappingURL=index.js.map

package/lib/directives/permission/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/directives/permission/index.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport request from '@el-plus/utils/request'\n\n// v-permisson:CGXQD:QXSP\nconst vPermisson: Directive<HTMLElement> & { name: string } = {\n  name: 'permission',\n  mounted(el, binding) {\n    const { arg, value } = binding.value\n    if (!arg && !value) {\n      return\n    }\n    el.style.display = 'none'\n    const permission = `${arg}:${value}`\n    checkPermission(permission, el)\n  },\n  updated(el, binding) {\n    const { arg, value } = binding.value\n    if (!arg && !value) {\n      if (el.style.display === 'none') {\n        el.style.display = ''\n      }\n      return\n    }\n    const permission = `${arg}:${value}`\n    checkPermission(permission, el)\n  },\n}\n\nexport async function checkPermission(permission: string, el: HTMLElement) {\n  const { data: roles = [] } = await queryRoles()\n  const hasPermission = roles.indexOf(permission) > -1\n  if (!hasPermission) {\n    el && el.parentNode && el.parentNode.removeChild(el)\n  } else {\n    el.style.display = ''\n  }\n  return hasPermission\n}\ntype RequestPromise = Promise<{ data: string[] }>\nlet requestPromise: RequestPromise | null = null\nasync function queryRoles(): RequestPromise {\n  try {\n    if (requestPromise) {\n      return requestPromise\n    }\n    requestPromise = request({\n      url: '/api-u/api/saas/user/appButtonRoleList',\n      loading: true,\n      noErrorMsg: true,\n    })\n    return requestPromise\n  } catch (error) {\n    console.error(error)\n    return { data: [] }\n  }\n}\n\nexport default vPermisson\n"],"names":["request"],"mappings":";;;;;;AAIA,MAAM,UAAA,GAAwD;AAAA,EAC5D,IAAA,EAAM,YAAA;AAAA,EACN,OAAA,CAAQ,IAAI,OAAA,EAAS;AACnB,IAAA,MAAM,EAAE,GAAA,EAAK,KAAA,EAAM,GAAI,OAAA,CAAQ,KAAA;AAC/B,IAAA,IAAI,CAAC,GAAA,IAAO,CAAC,KAAA,EAAO;AAClB,MAAA;AAAA,IACF;AACA,IAAA,EAAA,CAAG,MAAM,OAAA,GAAU,MAAA;AACnB,IAAA,MAAM,UAAA,GAAa,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AAClC,IAAA,eAAA,CAAgB,YAAY,EAAE,CAAA;AAAA,EAChC,CAAA;AAAA,EACA,OAAA,CAAQ,IAAI,OAAA,EAAS;AACnB,IAAA,MAAM,EAAE,GAAA,EAAK,KAAA,EAAM,GAAI,OAAA,CAAQ,KAAA;AAC/B,IAAA,IAAI,CAAC,GAAA,IAAO,CAAC,KAAA,EAAO;AAClB,MAAA,IAAI,EAAA,CAAG,KAAA,CAAM,OAAA,KAAY,MAAA,EAAQ;AAC/B,QAAA,EAAA,CAAG,MAAM,OAAA,GAAU,EAAA;AAAA,MACrB;AACA,MAAA;AAAA,IACF;AACA,IAAA,MAAM,UAAA,GAAa,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AAClC,IAAA,eAAA,CAAgB,YAAY,EAAE,CAAA;AAAA,EAChC;AACF;AAEA,eAAsB,eAAA,CAAgB,YAAoB,EAAA,EAAiB;AACzE,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,GAAQ,EAAC,EAAE,GAAI,MAAM,UAAA,EAAW;AAC9C,EAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,OAAA,CAAQ,UAAU,CAAA,GAAI,EAAA;AAClD,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,EAAA,IAAM,EAAA,CAAG,UAAA,IAAc,EAAA,CAAG,UAAA,CAAW,YAAY,EAAE,CAAA;AAAA,EACrD,CAAA,MAAO;AACL,IAAA,EAAA,CAAG,MAAM,OAAA,GAAU,EAAA;AAAA,EACrB;AACA,EAAA,OAAO,aAAA;AACT;AAEA,IAAI,cAAA,GAAwC,IAAA;AAC5C,eAAe,UAAA,GAA6B;AAC1C,EAAA,IAAI;AACF,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,OAAO,cAAA;AAAA,IACT;AACA,IAAA,cAAA,GAAiBA,eAAA,CAAQ;AAAA,MACvB,GAAA,EAAK,wCAAA;AAAA,MACL,OAAA,EAAS,IAAA;AAAA,MACT,UAAA,EAAY;AAAA,KACb,CAAA;AACD,IAAA,OAAO,cAAA;AAAA,EACT,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,MAAM,KAAK,CAAA;AACnB,IAAA,OAAO,EAAE,IAAA,EAAM,EAAC,EAAE;AAAA,EACpB;AACF;;;;;"}

package/lib/directives/repeat-click/index.d.ts

@@ -0,0 +1,16 @@
+import type { Directive } from 'vue';
+declare const SCOPE = "_RepeatClick";
+export interface RepeatClickEl extends HTMLElement {
+    [SCOPE]: null | {
+        start?: (evt: MouseEvent) => void;
+    };
+}
+export interface RepeatClickOptions {
+    immediate?: boolean;
+    delay?: number;
+    handler: (...args: unknown[]) => unknown;
+}
+declare const vRepeatClick: Directive<RepeatClickEl, RepeatClickOptions> & {
+    name: string;
+};
+export default vRepeatClick;

package/lib/directives/repeat-click/index.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const SCOPE = "_RepeatClick";
+const vRepeatClick = {
+  name: "repeatClick",
+  // 在绑定元素的 attribute 前
+  // 或事件监听器应用前调用
+  // created(el, binding, vnode) {
+  //   // el.style.display = 'none'
+  //   // 下面会介绍各个参数的细节
+  //   console.log('created', el, binding, vnode)
+  // },
+  // 在元素被插入到 DOM 前调用
+  beforeMount(el, binding) {
+    const { delay = 300, immediate } = typeof binding.value === "object" ? binding.value : {};
+    const handler = typeof binding.value === "object" ? binding.value.handler : binding.value;
+    let isPending = false;
+    let timer;
+    const start = (e) => {
+      if (e.button !== 0) return;
+      timer && clearTimeout(timer);
+      timer = setTimeout(() => {
+        if (immediate) {
+          isPending = false;
+        } else {
+          handler?.(e);
+        }
+      }, delay);
+      if (immediate) {
+        if (isPending) {
+          return;
+        }
+        isPending = true;
+        handler?.(e);
+      }
+    };
+    el[SCOPE] = { start };
+    el.addEventListener("click", start);
+  },
+  //   // 在绑定元素的父组件
+  //   // 及他自己的所有子节点都挂载完成后调用
+  //   mounted(el, binding, vnode) {
+  //     console.log('mounted', el, binding, vnode)
+  //   },
+  //   // 绑定元素的父组件更新前调用
+  //   beforeUpdate(el, binding, vnode, prevVnode) {
+  //     console.log('beforeUpdate', el, binding, vnode, prevVnode)
+  //   },
+  //   // 在绑定元素的父组件
+  //   // 及他自己的所有子节点都更新后调用
+  //   updated(el, binding, vnode, prevVnode) {
+  //     console.log('updated', el, binding, vnode, prevVnode)
+  //   },
+  //   // 绑定元素的父组件卸载前调用
+  //   beforeUnmount(el, binding, vnode) {
+  //     console.log('beforeUnmount', el, binding, vnode)
+  //   },
+  // 绑定元素的父组件卸载后调用
+  unmounted(el) {
+    if (!el[SCOPE]) return;
+    const { start } = el[SCOPE];
+    if (start) {
+      el.removeEventListener("mousedown", start);
+    }
+    el[SCOPE] = null;
+  }
+};
+
+exports.default = vRepeatClick;
+//# sourceMappingURL=index.js.map

package/lib/directives/repeat-click/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/directives/repeat-click/index.ts"],"sourcesContent":["import type { Directive } from 'vue'\nconst SCOPE = '_RepeatClick'\nexport interface RepeatClickEl extends HTMLElement {\n  [SCOPE]: null | {\n    start?: (evt: MouseEvent) => void\n  }\n}\nexport interface RepeatClickOptions {\n  immediate?: boolean\n  delay?: number\n  handler: (...args: unknown[]) => unknown\n}\nconst vRepeatClick: Directive<RepeatClickEl, RepeatClickOptions> & {\n  name: string\n} = {\n  name: 'repeatClick',\n  // 在绑定元素的 attribute 前\n  // 或事件监听器应用前调用\n  // created(el, binding, vnode) {\n  //   // el.style.display = 'none'\n  //   // 下面会介绍各个参数的细节\n  //   console.log('created', el, binding, vnode)\n  // },\n\n  // 在元素被插入到 DOM 前调用\n  beforeMount(el, binding) {\n    const { delay = 300, immediate } =\n      typeof binding.value === 'object' ? binding.value : {}\n    const handler =\n      typeof binding.value === 'object' ? binding.value.handler : binding.value\n    let isPending = false\n    let timer: ReturnType<typeof setTimeout>\n    const start = (e: MouseEvent) => {\n      if (e.button !== 0) return // 只处理左键点击\n      timer && clearTimeout(timer)\n      timer = setTimeout(() => {\n        if (immediate) {\n          isPending = false\n        } else {\n          handler?.(e)\n        }\n      }, delay)\n      if (immediate) {\n        if (isPending) {\n          return\n        }\n        isPending = true\n        handler?.(e)\n      }\n    }\n    el[SCOPE] = { start }\n    el.addEventListener('click', start)\n  },\n  //   // 在绑定元素的父组件\n  //   // 及他自己的所有子节点都挂载完成后调用\n  //   mounted(el, binding, vnode) {\n  //     console.log('mounted', el, binding, vnode)\n  //   },\n  //   // 绑定元素的父组件更新前调用\n  //   beforeUpdate(el, binding, vnode, prevVnode) {\n  //     console.log('beforeUpdate', el, binding, vnode, prevVnode)\n  //   },\n  //   // 在绑定元素的父组件\n  //   // 及他自己的所有子节点都更新后调用\n  //   updated(el, binding, vnode, prevVnode) {\n  //     console.log('updated', el, binding, vnode, prevVnode)\n  //   },\n  //   // 绑定元素的父组件卸载前调用\n  //   beforeUnmount(el, binding, vnode) {\n  //     console.log('beforeUnmount', el, binding, vnode)\n  //   },\n  // 绑定元素的父组件卸载后调用\n  unmounted(el) {\n    if (!el[SCOPE]) return\n    const { start } = el[SCOPE]\n\n    if (start) {\n      el.removeEventListener('mousedown', start)\n    }\n    el[SCOPE] = null\n  },\n}\nexport default vRepeatClick\n"],"names":[],"mappings":";;;;AACA,MAAM,KAAA,GAAQ,cAAA;AAWd,MAAM,YAAA,GAEF;AAAA,EACF,IAAA,EAAM,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUN,WAAA,CAAY,IAAI,OAAA,EAAS;AACvB,IAAA,MAAM,EAAE,KAAA,GAAQ,GAAA,EAAK,SAAA,EAAU,GAC7B,OAAO,OAAA,CAAQ,KAAA,KAAU,QAAA,GAAW,OAAA,CAAQ,KAAA,GAAQ,EAAC;AACvD,IAAA,MAAM,OAAA,GACJ,OAAO,OAAA,CAAQ,KAAA,KAAU,WAAW,OAAA,CAAQ,KAAA,CAAM,UAAU,OAAA,CAAQ,KAAA;AACtE,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,IAAI,KAAA;AACJ,IAAA,MAAM,KAAA,GAAQ,CAAC,CAAA,KAAkB;AAC/B,MAAA,IAAI,CAAA,CAAE,WAAW,CAAA,EAAG;AACpB,MAAA,KAAA,IAAS,aAAa,KAAK,CAAA;AAC3B,MAAA,KAAA,GAAQ,WAAW,MAAM;AACvB,QAAA,IAAI,SAAA,EAAW;AACb,UAAA,SAAA,GAAY,KAAA;AAAA,QACd,CAAA,MAAO;AACL,UAAA,OAAA,GAAU,CAAC,CAAA;AAAA,QACb;AAAA,MACF,GAAG,KAAK,CAAA;AACR,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,IAAI,SAAA,EAAW;AACb,UAAA;AAAA,QACF;AACA,QAAA,SAAA,GAAY,IAAA;AACZ,QAAA,OAAA,GAAU,CAAC,CAAA;AAAA,MACb;AAAA,IACF,CAAA;AACA,IAAA,EAAA,CAAG,KAAK,CAAA,GAAI,EAAE,KAAA,EAAM;AACpB,IAAA,EAAA,CAAG,gBAAA,CAAiB,SAAS,KAAK,CAAA;AAAA,EACpC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBA,UAAU,EAAA,EAAI;AACZ,IAAA,IAAI,CAAC,EAAA,CAAG,KAAK,CAAA,EAAG;AAChB,IAAA,MAAM,EAAE,KAAA,EAAM,GAAI,EAAA,CAAG,KAAK,CAAA;AAE1B,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,EAAA,CAAG,mBAAA,CAAoB,aAAa,KAAK,CAAA;AAAA,IAC3C;AACA,IAAA,EAAA,CAAG,KAAK,CAAA,GAAI,IAAA;AAAA,EACd;AACF;;;;"}

package/lib/directives/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/lib/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-request';

package/lib/hooks/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var useRequest = require('./use-request.js');
+
+
+
+exports.useRequest = useRequest.useRequest;
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/lib/hooks/use-request.d.ts

@@ -0,0 +1,20 @@
+import { type Ref } from 'vue';
+import type { Api, ReqAfter, ReqBefore, Method } from 'el-plus/es/utils/type';
+type UseRequest = (config: {
+    api?: Api;
+    method?: Method;
+    reqData?: Record<string, unknown>;
+    reqParams?: Record<string, unknown>;
+    reqBefore?: ReqBefore;
+    reqAfter?: ReqAfter;
+    cancelToken?: boolean;
+    hooks?: {
+        success?: (data: unknown) => void;
+        fail?: (error: unknown) => void;
+    };
+}) => {
+    loading?: Ref<boolean>;
+    requestFn?: (data?: Record<string, unknown>) => Promise<void>;
+};
+export declare const useRequest: UseRequest;
+export {};

package/lib/hooks/use-request.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var vue = require('vue');
+var request = require('../utils/request.js');
+
+const useRequest = ({
+  api,
+  method,
+  reqData,
+  reqParams,
+  reqBefore,
+  reqAfter,
+  cancelToken,
+  hooks
+}) => {
+  if (!api) return {};
+  const loading = vue.ref(false);
+  let cancelRequest;
+  let apiFn;
+  if (typeof api === "string") {
+    const config = {
+      url: api,
+      method
+    };
+    if (cancelToken) {
+      config.cancelRequest = (cancel) => {
+        cancelRequest = cancel;
+      };
+    }
+    apiFn = (data = {}, params) => {
+      if (config.method === "get") {
+        config.params = data;
+      } else {
+        config.data = data;
+        config.params = params;
+      }
+      config.data = {
+        ...reqData,
+        ...config.data
+      };
+      config.params = {
+        ...reqParams,
+        ...config.params
+      };
+      if (data.$query) {
+        config.data[data.$query] = data.$searchValue;
+        delete data.$searchValue;
+      }
+      if (reqBefore) {
+        reqBefore(config);
+      }
+      return request.default(config);
+    };
+  } else {
+    apiFn = api;
+  }
+  const requestFn = async (data = {}) => {
+    if (loading.value && !cancelToken) return;
+    loading.value = true;
+    try {
+      cancelRequest && cancelRequest();
+      const res = await apiFn(data);
+      if (reqAfter) {
+        reqAfter(res);
+      }
+      if (hooks?.success) {
+        hooks.success(res.data);
+      }
+    } catch (error) {
+      if (hooks?.fail) {
+        hooks.fail(error);
+      }
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    requestFn
+  };
+};
+
+exports.useRequest = useRequest;
+//# sourceMappingURL=use-request.js.map