@usethink/shared-frontend 0.1.2 → 0.1.4

package/dist/src/components/basic/excel/index.js

@@ -0,0 +1,40 @@
+import r from "./src/ImportExcel.vue.js";
+import "dayjs";
+import "../../../utils/dateUtil.js";
+import "../../../utils/eventBus.js";
+import "../../../node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js";
+import { withInstall as t } from "../../../utils/helper.js";
+import "../../../utils/i18n.js";
+import "lodash-es";
+import "vue";
+/* empty css                           */
+import "../../../utils/nprogress.js";
+import "../../../utils/performanceMonitor.js";
+import "../../../utils/SignalRConnectionManager.js";
+import "../../../utils/propTypes.js";
+import "../../../utils/request.js";
+import "../../../utils/Storage.js";
+import "../../../utils/uuid.js";
+import "../../../locales/index.js";
+import "vue/jsx-runtime";
+import "../../../hooks/useModal/modal.js";
+import "ant-design-vue";
+import "../../core/schema-form/src/componentMap.js";
+import "@vueuse/core";
+/* empty css                      */
+/* empty css                       */
+/* empty css                                               */
+import "@ant-design/icons-vue";
+/* empty css                        */
+import "../button/button.vue.js";
+import "../button/button.js";
+import "../../../enums/breakpointEnum.js";
+import "../../core/schema-form/src/schema-form.js";
+import "../../core/schema-form/src/components/ApiSelect.vue.js";
+import "xlsx";
+const H = t(r), J = !0;
+export {
+  H as ImpExcel,
+  J as __excelIndexMarker
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/basic/excel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/excel/index.ts"],"sourcesContent":["import impExcel from './src/ImportExcel.vue'\nimport { withInstall } from '@/utils'\nexport { useExportExcelModal } from './src/ExportExcelModal'\n\nexport const ImpExcel = withInstall(impExcel)\n// export const ExpExcelModal = withInstall(expExcelModal);\nexport * from './src/typing'\nexport * from './src/Export2Excel'\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __excelIndexMarker = true\n"],"names":["ImpExcel","withInstall","impExcel","__excelIndexMarker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAAWC,EAAYC,CAAQ,GAM/BC,IAAqB;"}

package/dist/src/components/basic/excel/src/Export2Excel.js

@@ -0,0 +1,57 @@
+import { utils as x, writeFile as u } from "xlsx";
+const d = "excel-list.xlsx";
+function f({
+  data: n,
+  header: o,
+  filename: e = d,
+  json2sheetOpts: r = {},
+  write2excelOpts: a = { bookType: "xlsx" }
+}) {
+  let l = [...n];
+  if (o) {
+    l.unshift(o);
+    const c = Object.keys(o);
+    l = l.map((p) => c.reduce((i, h) => (i[h] = p[h], i), {})), r.skipHeader = !0;
+  }
+  const t = x.json_to_sheet(l, r), s = {
+    SheetNames: [e],
+    Sheets: {
+      [e]: t
+    }
+  };
+  u(s, e, a);
+}
+function S({
+  data: n,
+  header: o,
+  filename: e = d,
+  write2excelOpts: r = { bookType: "xlsx" }
+}) {
+  const a = [...n];
+  o && a.unshift(o);
+  const l = x.aoa_to_sheet(a), t = {
+    SheetNames: [e],
+    Sheets: {
+      [e]: l
+    }
+  };
+  u(t, e, r);
+}
+const y = (n, o, e) => {
+  const r = [];
+  o.forEach((t) => {
+    t.children && t.children?.length > 0 ? r.push(...t.children.map((s) => ({ ...s, title: `${t.title} - ${s.title}` }))) : r.push(t);
+  });
+  const a = r.filter((t) => t.dataIndex !== "ACTION" && !t.hideInColumnSet), l = a.map((t) => t.dataIndex);
+  S({
+    data: n.map((t) => l.reduce((s, c) => (!s || !c || (s[c] = Array.isArray(t[c]) ? t[c].toString() : t[c]), s), {})).map((t) => Object.values(t || {})),
+    header: a.map((t) => t.title),
+    filename: `${e.length > 31 ? `${e.replace(".xlsx", "").slice(0, 26)}.xlsx` : e}`
+  });
+};
+export {
+  S as aoaToSheetXlsx,
+  y as exportExcelForTable,
+  f as jsonToSheetXlsx
+};
+//# sourceMappingURL=Export2Excel.js.map

package/dist/src/components/basic/excel/src/Export2Excel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Export2Excel.js","sources":["../../../../../../src/components/basic/excel/src/Export2Excel.ts"],"sourcesContent":["import { utils, writeFile } from 'xlsx'\nimport type { WorkBook } from 'xlsx'\nimport type { JsonToSheet, AoAToSheet } from './typing'\nimport type { TableColumn } from '@/components/core/dynamic-table'\n\nconst DEF_FILE_NAME = 'excel-list.xlsx'\n\nexport function jsonToSheetXlsx<T = any>({\n  data,\n  header,\n  filename = DEF_FILE_NAME,\n  json2sheetOpts = {},\n  write2excelOpts = { bookType: 'xlsx' },\n}: JsonToSheet<T>) {\n  let arrData = [...data]\n  if (header) {\n    arrData.unshift(header)\n    const filterKeys = Object.keys(header)\n    arrData = arrData.map(item => filterKeys.reduce<any>((p, k) => ((p[k] = item[k]), p), {}))\n    json2sheetOpts.skipHeader = true\n  }\n\n  const worksheet = utils.json_to_sheet(arrData, json2sheetOpts)\n\n  /* add worksheet to workbook */\n  const workbook: WorkBook = {\n    SheetNames: [filename],\n    Sheets: {\n      [filename]: worksheet,\n    },\n  }\n  /* output format determined by filename */\n  writeFile(workbook, filename, write2excelOpts)\n  /* at this point, out.xlsb will have been downloaded */\n}\n\nexport function aoaToSheetXlsx<T = any>({\n  data,\n  header,\n  filename = DEF_FILE_NAME,\n  write2excelOpts = { bookType: 'xlsx' },\n}: AoAToSheet<T>) {\n  const arrData = [...data]\n  if (header) {\n    arrData.unshift(header)\n  }\n\n  const worksheet = utils.aoa_to_sheet(arrData)\n\n  /* add worksheet to workbook */\n  const workbook: WorkBook = {\n    SheetNames: [filename],\n    Sheets: {\n      [filename]: worksheet,\n    },\n  }\n  /* output format determined by filename */\n  writeFile(workbook, filename, write2excelOpts)\n  /* at this point, out.xlsb will have been downloaded */\n}\n\n/**\n * 导出表格数据\n * @param dataSource 数据源\n * @param columns 表格列\n * @param fileName 导出文件名称\n */\nexport const exportExcelForTable = (\n  dataSource: Array<any>,\n  columns: TableColumn<any>[],\n  fileName: string,\n) => {\n  // console.log(columns, fileName)\n  // 处理标题分组\n  const _columns: TableColumn<any>[] = []\n  columns.forEach(column => {\n    if (column.children && column.children?.length > 0) {\n      _columns.push(...column.children.map(n => ({ ...n, title: `${column.title} - ${n.title}` })))\n    } else {\n      _columns.push(column)\n    }\n  })\n  const colFilters = _columns.filter(n => n.dataIndex !== 'ACTION' && !n.hideInColumnSet)\n  const colFilterKeys = colFilters.map(n => n.dataIndex)\n\n  // 保证data顺序与header一致\n  aoaToSheetXlsx({\n    data: dataSource\n      .map(item => {\n        return colFilterKeys.reduce((p, k: string) => {\n          if (!p || !k) return p\n          p[k] = Array.isArray(item[k]) ? item[k].toString() : item[k]\n          return p\n        }, {})\n      })\n      .map(item => Object.values(item || {})),\n    header: colFilters.map(column => column.title),\n    filename: `${\n      fileName.length > 31 ? `${fileName.replace('.xlsx', '').slice(0, 26)}.xlsx` : fileName\n    }`,\n  })\n}\n"],"names":["DEF_FILE_NAME","jsonToSheetXlsx","data","header","filename","json2sheetOpts","write2excelOpts","arrData","filterKeys","item","p","k","worksheet","utils","workbook","writeFile","aoaToSheetXlsx","exportExcelForTable","dataSource","columns","fileName","_columns","column","n","colFilters","colFilterKeys"],"mappings":";AAKA,MAAMA,IAAgB;AAEf,SAASC,EAAyB;AAAA,EACvC,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAWJ;AAAA,EACX,gBAAAK,IAAiB,CAAA;AAAA,EACjB,iBAAAC,IAAkB,EAAE,UAAU,OAAA;AAChC,GAAmB;AACjB,MAAIC,IAAU,CAAC,GAAGL,CAAI;AACtB,MAAIC,GAAQ;AACV,IAAAI,EAAQ,QAAQJ,CAAM;AACtB,UAAMK,IAAa,OAAO,KAAKL,CAAM;AACrC,IAAAI,IAAUA,EAAQ,IAAI,CAAAE,MAAQD,EAAW,OAAY,CAACE,GAAGC,OAAQD,EAAEC,CAAC,IAAIF,EAAKE,CAAC,GAAID,IAAI,CAAA,CAAE,CAAC,GACzFL,EAAe,aAAa;AAAA,EAC9B;AAEA,QAAMO,IAAYC,EAAM,cAAcN,GAASF,CAAc,GAGvDS,IAAqB;AAAA,IACzB,YAAY,CAACV,CAAQ;AAAA,IACrB,QAAQ;AAAA,MACN,CAACA,CAAQ,GAAGQ;AAAA,IAAA;AAAA,EACd;AAGF,EAAAG,EAAUD,GAAUV,GAAUE,CAAe;AAE/C;AAEO,SAASU,EAAwB;AAAA,EACtC,MAAAd;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAWJ;AAAA,EACX,iBAAAM,IAAkB,EAAE,UAAU,OAAA;AAChC,GAAkB;AAChB,QAAMC,IAAU,CAAC,GAAGL,CAAI;AACxB,EAAIC,KACFI,EAAQ,QAAQJ,CAAM;AAGxB,QAAMS,IAAYC,EAAM,aAAaN,CAAO,GAGtCO,IAAqB;AAAA,IACzB,YAAY,CAACV,CAAQ;AAAA,IACrB,QAAQ;AAAA,MACN,CAACA,CAAQ,GAAGQ;AAAA,IAAA;AAAA,EACd;AAGF,EAAAG,EAAUD,GAAUV,GAAUE,CAAe;AAE/C;AAQO,MAAMW,IAAsB,CACjCC,GACAC,GACAC,MACG;AAGH,QAAMC,IAA+B,CAAA;AACrC,EAAAF,EAAQ,QAAQ,CAAAG,MAAU;AACxB,IAAIA,EAAO,YAAYA,EAAO,UAAU,SAAS,IAC/CD,EAAS,KAAK,GAAGC,EAAO,SAAS,IAAI,CAAAC,OAAM,EAAE,GAAGA,GAAG,OAAO,GAAGD,EAAO,KAAK,MAAMC,EAAE,KAAK,GAAA,EAAK,CAAC,IAE5FF,EAAS,KAAKC,CAAM;AAAA,EAExB,CAAC;AACD,QAAME,IAAaH,EAAS,OAAO,CAAAE,MAAKA,EAAE,cAAc,YAAY,CAACA,EAAE,eAAe,GAChFE,IAAgBD,EAAW,IAAI,CAAAD,MAAKA,EAAE,SAAS;AAGrD,EAAAP,EAAe;AAAA,IACb,MAAME,EACH,IAAI,CAAAT,MACIgB,EAAc,OAAO,CAACf,GAAGC,OAC1B,CAACD,KAAK,CAACC,MACXD,EAAEC,CAAC,IAAI,MAAM,QAAQF,EAAKE,CAAC,CAAC,IAAIF,EAAKE,CAAC,EAAE,SAAA,IAAaF,EAAKE,CAAC,IACpDD,IACN,CAAA,CAAE,CACN,EACA,IAAI,CAAAD,MAAQ,OAAO,OAAOA,KAAQ,CAAA,CAAE,CAAC;AAAA,IACxC,QAAQe,EAAW,IAAI,CAAAF,MAAUA,EAAO,KAAK;AAAA,IAC7C,UAAU,GACRF,EAAS,SAAS,KAAK,GAAGA,EAAS,QAAQ,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,UAAUA,CAChF;AAAA,EAAA,CACD;AACH;"}

package/dist/src/components/basic/excel/src/ExportExcelModal.js

@@ -0,0 +1,70 @@
+import { useI18n as a } from "../../../../hooks/useI18n.js";
+import "vue/jsx-runtime";
+import "vue";
+import "../../../../hooks/useModal/modal.js";
+import { useFormModal as m } from "../../../../hooks/useModal/useFormModal.js";
+const p = (e) => [
+  {
+    field: "filename",
+    component: "Input",
+    label: e("component.excel.fileName"),
+    rules: [{ required: !0 }]
+  },
+  {
+    field: "bookType",
+    component: "Select",
+    label: e("component.excel.fileType"),
+    defaultValue: "xlsx",
+    rules: [{ required: !0 }],
+    componentProps: {
+      options: [
+        {
+          label: "xlsx",
+          value: "xlsx",
+          key: "xlsx"
+        },
+        {
+          label: "html",
+          value: "html",
+          key: "html"
+        },
+        {
+          label: "csv",
+          value: "csv",
+          key: "csv"
+        },
+        {
+          label: "txt",
+          value: "txt",
+          key: "txt"
+        }
+      ]
+    }
+  }
+], f = () => {
+  const { t: e } = a(), [o] = m();
+  return {
+    openModal: ({ onOk: t }) => {
+      o({
+        modalProps: {
+          title: e("component.excel.exportModalTitle"),
+          onFinish: async (n) => {
+            const { filename: s, bookType: l } = n;
+            t({
+              filename: `${s.split(".").shift()}.${l}`,
+              bookType: l
+            });
+          }
+        },
+        formProps: {
+          labelWidth: 100,
+          schemas: p(e)
+        }
+      });
+    }
+  };
+};
+export {
+  f as useExportExcelModal
+};
+//# sourceMappingURL=ExportExcelModal.js.map

package/dist/src/components/basic/excel/src/ExportExcelModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportExcelModal.js","sources":["../../../../../../src/components/basic/excel/src/ExportExcelModal.tsx"],"sourcesContent":["import type { ExportModalResult } from './typing'\nimport type { FormSchema } from '@/components/core/schema-form/'\nimport { useI18n } from '@/hooks/useI18n'\n\nimport { useFormModal } from '@/hooks/useModal/'\n\nexport type OpenModalOptions = {\n  onOk: (val: ExportModalResult) => any\n}\n\nconst getSchemas = (t): FormSchema<ExportModalResult>[] => [\n  {\n    field: 'filename',\n    component: 'Input',\n    label: t('component.excel.fileName'),\n    rules: [{ required: true }],\n  },\n  {\n    field: 'bookType',\n    component: 'Select',\n    label: t('component.excel.fileType'),\n    defaultValue: 'xlsx',\n    rules: [{ required: true }],\n    componentProps: {\n      options: [\n        {\n          label: 'xlsx',\n          value: 'xlsx',\n          key: 'xlsx',\n        },\n        {\n          label: 'html',\n          value: 'html',\n          key: 'html',\n        },\n        {\n          label: 'csv',\n          value: 'csv',\n          key: 'csv',\n        },\n        {\n          label: 'txt',\n          value: 'txt',\n          key: 'txt',\n        },\n      ],\n    },\n  },\n]\n\nexport const useExportExcelModal = () => {\n  const { t } = useI18n()\n  const [showModal] = useFormModal()\n\n  const openModal = ({ onOk }: OpenModalOptions) => {\n    showModal<ExportModalResult>({\n      modalProps: {\n        title: t('component.excel.exportModalTitle'),\n        onFinish: async values => {\n          const { filename, bookType } = values\n\n          onOk({\n            filename: `${filename.split('.').shift()}.${bookType}`,\n            bookType,\n          })\n        },\n      },\n      formProps: {\n        labelWidth: 100,\n        schemas: getSchemas(t),\n      },\n    })\n  }\n\n  return {\n    openModal,\n  }\n}\n"],"names":["getSchemas","t","useExportExcelModal","useI18n","showModal","useFormModal","onOk","values","filename","bookType"],"mappings":";;;;;AAUA,MAAMA,IAAa,CAACC,MAAuC;AAAA,EACzD;AAAA,IACE,OAAO;AAAA,IACP,WAAW;AAAA,IACX,OAAOA,EAAE,0BAA0B;AAAA,IACnC,OAAO,CAAC,EAAE,UAAU,IAAM;AAAA,EAAA;AAAA,EAE5B;AAAA,IACE,OAAO;AAAA,IACP,WAAW;AAAA,IACX,OAAOA,EAAE,0BAA0B;AAAA,IACnC,cAAc;AAAA,IACd,OAAO,CAAC,EAAE,UAAU,IAAM;AAAA,IAC1B,gBAAgB;AAAA,MACd,SAAS;AAAA,QACP;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,QAEP;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,QAEP;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,QAEP;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAEJ,GAEaC,IAAsB,MAAM;AACvC,QAAM,EAAE,GAAAD,EAAA,IAAME,EAAA,GACR,CAACC,CAAS,IAAIC,EAAA;AAsBpB,SAAO;AAAA,IACL,WArBgB,CAAC,EAAE,MAAAC,QAA6B;AAChD,MAAAF,EAA6B;AAAA,QAC3B,YAAY;AAAA,UACV,OAAOH,EAAE,kCAAkC;AAAA,UAC3C,UAAU,OAAMM,MAAU;AACxB,kBAAM,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaF;AAE/B,YAAAD,EAAK;AAAA,cACH,UAAU,GAAGE,EAAS,MAAM,GAAG,EAAE,MAAA,CAAO,IAAIC,CAAQ;AAAA,cACpD,UAAAA;AAAA,YAAA,CACD;AAAA,UACH;AAAA,QAAA;AAAA,QAEF,WAAW;AAAA,UACT,YAAY;AAAA,UACZ,SAAST,EAAWC,CAAC;AAAA,QAAA;AAAA,MACvB,CACD;AAAA,IACH;AAAA,EAGE;AAEJ;"}

package/dist/src/components/basic/excel/src/ImportExcel.vue.js

@@ -0,0 +1,25 @@
+import t from "./ImportExcel2.vue.js";
+import { openBlock as r, createElementBlock as p, withDirectives as i, createElementVNode as o, vShow as d, renderSlot as a } from "vue";
+import s from "../../../../_virtual/_plugin-vue_export-helper.js";
+function f(e, l, u, m, c, k) {
+  return r(), p("div", null, [
+    i(o("input", {
+      ref: "inputRef",
+      type: "file",
+      accept: ".xlsx, .xls",
+      onChange: l[0] || (l[0] = (...n) => e.handleInputClick && e.handleInputClick(...n))
+    }, null, 544), [
+      [d, !1]
+    ]),
+    o("div", {
+      onClick: l[1] || (l[1] = (...n) => e.handleUpload && e.handleUpload(...n))
+    }, [
+      a(e.$slots, "default")
+    ])
+  ]);
+}
+const C = /* @__PURE__ */ s(t, [["render", f]]);
+export {
+  C as default
+};
+//# sourceMappingURL=ImportExcel.vue.js.map

package/dist/src/components/basic/excel/src/ImportExcel.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportExcel.vue.js","sources":["../../../../../../src/components/basic/excel/src/ImportExcel.vue"],"sourcesContent":["<template>\n  <div>\n    <input\n      v-show=\"false\"\n      ref=\"inputRef\"\n      type=\"file\"\n      accept=\".xlsx, .xls\"\n      @change=\"handleInputClick\"\n    />\n    <div @click=\"handleUpload\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, ref, unref } from 'vue'\n  import { read, utils } from 'xlsx'\n  import type { WorkSheet, WorkBook } from 'xlsx'\n  import type { ExcelData } from './typing'\n  import { dateUtil } from '@/utils/dateUtil'\n\n  export default defineComponent({\n    name: 'ImportExcel',\n    props: {\n      // 日期时间格式。如果不提供或者提供空值，将返回原始Date对象\n      dateFormat: {\n        type: String,\n      },\n      // 时区调整。实验性功能，仅为了解决读取日期时间值有偏差的问题。目前仅提供了+08:00时区的偏差修正值\n      // https://github.com/SheetJS/sheetjs/issues/1470#issuecomment-501108554\n      timeZone: {\n        type: Number,\n        default: 8,\n      },\n    },\n    emits: ['success', 'error'],\n    setup(props, { emit }) {\n      const inputRef = ref<HTMLInputElement | null>(null)\n      const loadingRef = ref<Boolean>(false)\n\n      /**\n       * @description: 第一行作为头部\n       */\n      function getHeaderRow(sheet: WorkSheet) {\n        if (!sheet || !sheet['!ref']) return []\n        const headers: string[] = []\n        // A3:B7=>{s:{c:0, r:2}, e:{c:1, r:6}}\n        const range = utils.decode_range(sheet['!ref'])\n\n        const R = range.s.r\n        /* start in the first row */\n        for (let C = range.s.c; C <= range.e.c; ++C) {\n          /* walk every column in the range */\n          const cell = sheet[utils.encode_cell({ c: C, r: R })]\n          /* find the cell in the first row */\n          let hdr = `UNKNOWN ${C}` // <-- replace with your desired default\n          if (cell && cell.t) hdr = utils.format_cell(cell)\n          headers.push(hdr)\n        }\n        return headers\n      }\n\n      /**\n       * @description: 获得excel数据\n       */\n      function getExcelData(workbook: WorkBook) {\n        const excelData: ExcelData[] = []\n        const { dateFormat, timeZone } = props\n        for (const sheetName of workbook.SheetNames) {\n          const worksheet = workbook.Sheets[sheetName]\n          const header: string[] = getHeaderRow(worksheet)\n          let results = utils.sheet_to_json(worksheet, {\n            raw: true,\n            dateNF: dateFormat, //Not worked\n          }) as object[]\n          results = results.map((row: object) => {\n            for (const field in row) {\n              if (row[field] instanceof Date) {\n                if (timeZone === 8) {\n                  row[field].setSeconds(row[field].getSeconds() + 43)\n                }\n                if (dateFormat) {\n                  row[field] = dateUtil(row[field]).format(dateFormat)\n                }\n              }\n            }\n            return row\n          })\n\n          excelData.push({\n            header,\n            results,\n            meta: {\n              sheetName,\n            },\n          })\n        }\n        return excelData\n      }\n\n      /**\n       * @description: 读取excel数据\n       */\n      function readerData(rawFile: File) {\n        loadingRef.value = true\n        const { promise, resolve, reject } = Promise.withResolvers()\n        const reader = new FileReader()\n\n        reader.onload = async e => {\n          try {\n            const data = e.target && e.target.result\n            const workbook = read(data, { type: 'array', cellDates: true })\n            // console.log(workbook);\n            /* DO SOMETHING WITH workbook HERE */\n            const excelData = getExcelData(workbook)\n            emit('success', excelData)\n            resolve('')\n          } catch (error) {\n            reject(error)\n            emit('error')\n          } finally {\n            loadingRef.value = false\n          }\n        }\n        reader.readAsArrayBuffer(rawFile)\n        return promise\n      }\n\n      async function upload(rawFile: File) {\n        const inputRefDom = unref(inputRef)\n        if (inputRefDom) {\n          // fix can't select the same excel\n          inputRefDom.value = ''\n        }\n        await readerData(rawFile)\n      }\n\n      /**\n       * @description: 触发选择文件管理器\n       */\n      function handleInputClick(e: Event) {\n        const files = e && (e.target as HTMLInputElement).files\n        const rawFile = files && files[0] // only setting files[0]\n        if (!rawFile) return\n        upload(rawFile)\n      }\n\n      /**\n       * @description: 点击上传按钮\n       */\n      function handleUpload() {\n        const inputRefDom = unref(inputRef)\n        inputRefDom && inputRefDom.click()\n      }\n\n      return { handleUpload, handleInputClick, inputRef }\n    },\n  })\n</script>\n"],"names":["_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","args","_vShow"],"mappings":";;;WAEIA,GAAAC,GAAAC,GAMEC,GAAAC,GAAAC,GAAA;SAJGC,EAAA,GAAWC,EAAA,OAAA,MAAA;AAAA,IAAAC,EACHC,EAAA,SAAA;AAAA,MACX,KAAA;AAAA,MACC,MAAA;AAAA,MAAA,QAAA;AAAA,gBAJOR,EAAK,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAS,MAAAV,EAAA,oBAAAA,EAAA,iBAAA,GAAAU,CAAA;AAAA,IAAA,GAAA,MAAA,GAAA,GAAA;AAAA,MAMf,CAAAC,GAAA,EAAA;AAAA,IAAA,CAAA;AAAA;MACE,SAAAV,EAAa,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAS,MAAAV,EAAA,gBAAAA,EAAA,aAAA,GAAAU,CAAA;AAAA,IAAA,GAAA;AAAA;;;;;"}

package/dist/src/components/basic/excel/src/ImportExcel2.vue.js

@@ -0,0 +1,87 @@
+import { defineComponent as x, ref as p, unref as h } from "vue";
+import { read as F, utils as i } from "xlsx";
+import { dateUtil as S } from "../../../../utils/dateUtil.js";
+const j = x({
+  name: "ImportExcel",
+  props: {
+    // 日期时间格式。如果不提供或者提供空值，将返回原始Date对象
+    dateFormat: {
+      type: String
+    },
+    // 时区调整。实验性功能，仅为了解决读取日期时间值有偏差的问题。目前仅提供了+08:00时区的偏差修正值
+    // https://github.com/SheetJS/sheetjs/issues/1470#issuecomment-501108554
+    timeZone: {
+      type: Number,
+      default: 8
+    }
+  },
+  emits: ["success", "error"],
+  setup(g, { emit: d }) {
+    const u = p(null), m = p(!1);
+    function y(e) {
+      if (!e || !e["!ref"])
+        return [];
+      const t = [], r = i.decode_range(e["!ref"]), c = r.s.r;
+      for (let n = r.s.c; n <= r.e.c; ++n) {
+        const o = e[i.encode_cell({ c: n, r: c })];
+        let s = `UNKNOWN ${n}`;
+        o && o.t && (s = i.format_cell(o)), t.push(s);
+      }
+      return t;
+    }
+    function D(e) {
+      const t = [], { dateFormat: r, timeZone: c } = g;
+      for (const n of e.SheetNames) {
+        const o = e.Sheets[n], s = y(o);
+        let l = i.sheet_to_json(o, {
+          raw: !0,
+          dateNF: r
+          //Not worked
+        });
+        l = l.map((a) => {
+          for (const f in a)
+            a[f] instanceof Date && (c === 8 && a[f].setSeconds(a[f].getSeconds() + 43), r && (a[f] = S(a[f]).format(r)));
+          return a;
+        }), t.push({
+          header: s,
+          results: l,
+          meta: {
+            sheetName: n
+          }
+        });
+      }
+      return t;
+    }
+    function R(e) {
+      m.value = !0;
+      const { promise: t, resolve: r, reject: c } = Promise.withResolvers(), n = new FileReader();
+      return n.onload = async (o) => {
+        try {
+          const s = o.target && o.target.result, l = F(s, { type: "array", cellDates: !0 }), a = D(l);
+          d("success", a), r("");
+        } catch (s) {
+          c(s), d("error");
+        } finally {
+          m.value = !1;
+        }
+      }, n.readAsArrayBuffer(e), t;
+    }
+    async function N(e) {
+      const t = h(u);
+      t && (t.value = ""), await R(e);
+    }
+    function _(e) {
+      const t = e && e.target.files, r = t && t[0];
+      r && N(r);
+    }
+    function v() {
+      const e = h(u);
+      e && e.click();
+    }
+    return { handleUpload: v, handleInputClick: _, inputRef: u };
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=ImportExcel2.vue.js.map

package/dist/src/components/basic/excel/src/ImportExcel2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportExcel2.vue.js","sources":["../../../../../../src/components/basic/excel/src/ImportExcel.vue"],"sourcesContent":["<template>\n  <div>\n    <input\n      v-show=\"false\"\n      ref=\"inputRef\"\n      type=\"file\"\n      accept=\".xlsx, .xls\"\n      @change=\"handleInputClick\"\n    />\n    <div @click=\"handleUpload\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\n  import { defineComponent, ref, unref } from 'vue'\n  import { read, utils } from 'xlsx'\n  import type { WorkSheet, WorkBook } from 'xlsx'\n  import type { ExcelData } from './typing'\n  import { dateUtil } from '@/utils/dateUtil'\n\n  export default defineComponent({\n    name: 'ImportExcel',\n    props: {\n      // 日期时间格式。如果不提供或者提供空值，将返回原始Date对象\n      dateFormat: {\n        type: String,\n      },\n      // 时区调整。实验性功能，仅为了解决读取日期时间值有偏差的问题。目前仅提供了+08:00时区的偏差修正值\n      // https://github.com/SheetJS/sheetjs/issues/1470#issuecomment-501108554\n      timeZone: {\n        type: Number,\n        default: 8,\n      },\n    },\n    emits: ['success', 'error'],\n    setup(props, { emit }) {\n      const inputRef = ref<HTMLInputElement | null>(null)\n      const loadingRef = ref<Boolean>(false)\n\n      /**\n       * @description: 第一行作为头部\n       */\n      function getHeaderRow(sheet: WorkSheet) {\n        if (!sheet || !sheet['!ref']) return []\n        const headers: string[] = []\n        // A3:B7=>{s:{c:0, r:2}, e:{c:1, r:6}}\n        const range = utils.decode_range(sheet['!ref'])\n\n        const R = range.s.r\n        /* start in the first row */\n        for (let C = range.s.c; C <= range.e.c; ++C) {\n          /* walk every column in the range */\n          const cell = sheet[utils.encode_cell({ c: C, r: R })]\n          /* find the cell in the first row */\n          let hdr = `UNKNOWN ${C}` // <-- replace with your desired default\n          if (cell && cell.t) hdr = utils.format_cell(cell)\n          headers.push(hdr)\n        }\n        return headers\n      }\n\n      /**\n       * @description: 获得excel数据\n       */\n      function getExcelData(workbook: WorkBook) {\n        const excelData: ExcelData[] = []\n        const { dateFormat, timeZone } = props\n        for (const sheetName of workbook.SheetNames) {\n          const worksheet = workbook.Sheets[sheetName]\n          const header: string[] = getHeaderRow(worksheet)\n          let results = utils.sheet_to_json(worksheet, {\n            raw: true,\n            dateNF: dateFormat, //Not worked\n          }) as object[]\n          results = results.map((row: object) => {\n            for (const field in row) {\n              if (row[field] instanceof Date) {\n                if (timeZone === 8) {\n                  row[field].setSeconds(row[field].getSeconds() + 43)\n                }\n                if (dateFormat) {\n                  row[field] = dateUtil(row[field]).format(dateFormat)\n                }\n              }\n            }\n            return row\n          })\n\n          excelData.push({\n            header,\n            results,\n            meta: {\n              sheetName,\n            },\n          })\n        }\n        return excelData\n      }\n\n      /**\n       * @description: 读取excel数据\n       */\n      function readerData(rawFile: File) {\n        loadingRef.value = true\n        const { promise, resolve, reject } = Promise.withResolvers()\n        const reader = new FileReader()\n\n        reader.onload = async e => {\n          try {\n            const data = e.target && e.target.result\n            const workbook = read(data, { type: 'array', cellDates: true })\n            // console.log(workbook);\n            /* DO SOMETHING WITH workbook HERE */\n            const excelData = getExcelData(workbook)\n            emit('success', excelData)\n            resolve('')\n          } catch (error) {\n            reject(error)\n            emit('error')\n          } finally {\n            loadingRef.value = false\n          }\n        }\n        reader.readAsArrayBuffer(rawFile)\n        return promise\n      }\n\n      async function upload(rawFile: File) {\n        const inputRefDom = unref(inputRef)\n        if (inputRefDom) {\n          // fix can't select the same excel\n          inputRefDom.value = ''\n        }\n        await readerData(rawFile)\n      }\n\n      /**\n       * @description: 触发选择文件管理器\n       */\n      function handleInputClick(e: Event) {\n        const files = e && (e.target as HTMLInputElement).files\n        const rawFile = files && files[0] // only setting files[0]\n        if (!rawFile) return\n        upload(rawFile)\n      }\n\n      /**\n       * @description: 点击上传按钮\n       */\n      function handleUpload() {\n        const inputRefDom = unref(inputRef)\n        inputRefDom && inputRefDom.click()\n      }\n\n      return { handleUpload, handleInputClick, inputRef }\n    },\n  })\n</script>\n"],"names":["_sfc_main","defineComponent","props","emit","inputRef","ref","loadingRef","getHeaderRow","sheet","headers","range","utils","R","C","cell","hdr","getExcelData","workbook","excelData","dateFormat","timeZone","sheetName","worksheet","header","results","row","field","dateUtil","readerData","rawFile","promise","resolve","reject","reader","e","data","read","error","upload","inputRefDom","unref","handleInputClick","files","handleUpload"],"mappings":"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"}

package/dist/src/components/basic/icon/Icon.vue.js

@@ -1 +1,41 @@
-"use strict";const e=require("./Icon2.vue.js");module.exports=e;
+import { defineComponent as p, useAttrs as u, computed as y, openBlock as i, createBlock as r, mergeProps as l, unref as s } from "vue";
+import { Icon as d } from "@iconify/vue";
+import { isString as $, omit as g } from "lodash-es";
+import k from "./src/SvgIcon.vue.js";
+/* empty css                 */
+import I from "./src/icon-font.js";
+const b = /* @__PURE__ */ p({
+  __name: "Icon",
+  props: {
+    type: { default: "iconify" },
+    icon: {},
+    color: {},
+    size: { default: 16 }
+  },
+  setup(e) {
+    const o = e, a = u(), f = y(() => {
+      const { size: t, color: n } = o;
+      let c = t;
+      return $(t) && (c = parseInt(t, 10)), {
+        fontSize: `${c}px`,
+        color: n,
+        display: "inline-flex"
+      };
+    }), m = (t) => {
+      const n = a.title;
+      t.el && n && t.el.insertAdjacentHTML?.("afterbegin", `<title>${n}</title>`);
+    };
+    return (t, n) => e.type === "svg" ? (i(), r(k, l({ key: 0 }, { ...t.$attrs, ...o }, {
+      name: e.icon,
+      class: "anticon"
+    }), null, 16, ["name"])) : e.type === "icon-font" ? (i(), r(s(I), l({ key: 1 }, { ...t.$attrs, ...o }, { type: e.icon }), null, 16, ["type"])) : (i(), r(s(d), l({ key: 2 }, s(g)({ ...t.$attrs, ...o }, ["size", "color"]), {
+      style: f.value,
+      class: "anticon",
+      onVnodeUpdated: m
+    }), null, 16, ["style"]));
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=Icon.vue.js.map

package/dist/src/components/basic/icon/Icon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.vue.js","sources":["../../../../../src/components/basic/icon/Icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, type CSSProperties, type VNode } from 'vue'\n  import { useAttrs } from 'vue'\n  import { Icon as IconifyIcon } from '@iconify/vue'\n  import { isString, omit } from 'lodash-es'\n  import SvgIcon from './src/SvgIcon.vue'\n  import IconFont from './src/icon-font'\n  import type { IconProps } from './src/props'\n\n  const props = withDefaults(defineProps<IconProps>(), {\n    type: 'iconify',\n    size: 16,\n  })\n\n  const attrs = useAttrs()\n\n  const getWrapStyle = computed((): CSSProperties => {\n    const { size, color } = props\n    let fs = size\n    if (isString(size)) {\n      fs = parseInt(size, 10)\n    }\n\n    return {\n      fontSize: `${fs}px`,\n      color,\n      display: 'inline-flex',\n    }\n  })\n\n  /** svg 不支持 title 属性，需要在其元素内部手动添加 title 标签 */\n  const handleIconUpdated = (vnode: VNode) => {\n    const title = attrs.title\n    if (vnode.el && title) {\n      vnode.el.insertAdjacentHTML?.('afterbegin', `<title>${title}</title>`)\n    }\n  }\n</script>\n\n<template>\n  <template v-if=\"type === 'svg'\">\n    <SvgIcon v-bind=\"{ ...$attrs, ...props }\" :name=\"icon\" class=\"anticon\" />\n  </template>\n  <template v-else-if=\"type === 'icon-font'\">\n    <IconFont v-bind=\"{ ...$attrs, ...props }\" :type=\"icon\" />\n  </template>\n  <template v-else>\n    <IconifyIcon\n      v-bind=\"omit({ ...$attrs, ...props }, ['size', 'color'])\"\n      :style=\"getWrapStyle\"\n      class=\"anticon\"\n      @vue:updated=\"handleIconUpdated\"\n    />\n  </template>\n</template>\n\n<style lang=\"less\" scoped></style>\n"],"names":["props","__props","attrs","useAttrs","getWrapStyle","computed","size","color","fs","isString","handleIconUpdated","vnode","title","_openBlock","_createBlock","SvgIcon","_mergeProps","$attrs","_unref","IconFont"],"mappings":";;;;;;;;;;;;;;;AASE,UAAMA,IAAQC,GAKRC,IAAQC,EAAA,GAERC,IAAeC,EAAS,MAAqB;AACjD,YAAM,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUP;AACxB,UAAIQ,IAAKF;AACT,aAAIG,EAASH,CAAI,MACfE,IAAK,SAASF,GAAM,EAAE,IAGjB;AAAA,QACL,UAAU,GAAGE,CAAE;AAAA,QACf,OAAAD;AAAA,QACA,SAAS;AAAA,MAAA;AAAA,IAEb,CAAC,GAGKG,IAAoB,CAACC,MAAiB;AAC1C,YAAMC,IAAQV,EAAM;AACpB,MAAIS,EAAM,MAAMC,KACdD,EAAM,GAAG,qBAAqB,cAAc,UAAUC,CAAK,UAAU;AAAA,IAEzE;qBAIgBX,EAAA,SAAI,SAClBY,KAAAC,EAAyEC,GAAzEC,EAAyE,EAAA,KAAA,EAAA,GAAA,EAAA,GAAnDC,EAAAA,WAAWjB,KAAK;AAAA,MAAK,MAAMC,EAAA;AAAA,MAAM,OAAM;AAAA,IAAA,2BAE1CA,EAAA,SAAI,oBACvBa,EAA0DI,EAAAC,CAAA,GAA1DH,EAA0D,EAAA,KAAA,EAAA,GAAA,EAAA,GAAnCC,EAAAA,WAAWjB,EAAA,GAAK,EAAK,MAAMC,EAAA,MAAI,GAAA,MAAA,IAAA,CAAA,MAAA,CAAA,MAGtDY,KAAAC,EAKEI,MALFF,EAKE,EAAA,KAAA,EAAA,GAJQE,KAAI,EAAA,GAAMD,EAAAA,WAAWjB,EAAA,GAAK,CAAA,QAAA,OAAA,CAAA,GAAA;AAAA,MACjC,OAAOI,EAAA;AAAA,MACR,OAAM;AAAA,MACL,gBAAaM;AAAA,IAAA;;;"}

package/dist/src/components/basic/icon/Icon2.vue.js

@@ -1 +1,5 @@
-"use strict";const e=require("vue"),p=require("@iconify/vue"),i=require("lodash-es"),f=require("./src/SvgIcon2.vue.js");;/* empty css                 */const y=require("./src/icon-font.js"),d=e.defineComponent({__name:"Icon",props:{type:{default:"iconify"},icon:{},color:{},size:{default:16}},setup(n){const c=n,l=e.useAttrs(),a=e.computed(()=>{const{size:t,color:o}=c;let r=t;return i.isString(t)&&(r=parseInt(t,10)),{fontSize:`${r}px`,color:o,display:"inline-flex"}}),u=t=>{var r,s;const o=l.title;t.el&&o&&((s=(r=t.el).insertAdjacentHTML)==null||s.call(r,"afterbegin",`<title>${o}</title>`))};return(t,o)=>n.type==="svg"?(e.openBlock(),e.createBlock(f,e.mergeProps({key:0},{...t.$attrs,...c},{name:n.icon,class:"anticon"}),null,16,["name"])):n.type==="icon-font"?(e.openBlock(),e.createBlock(e.unref(y),e.mergeProps({key:1},{...t.$attrs,...c},{type:n.icon}),null,16,["type"])):(e.openBlock(),e.createBlock(e.unref(p.Icon),e.mergeProps({key:2},e.unref(i.omit)({...t.$attrs,...c},["size","color"]),{style:a.value,class:"anticon",onVnodeUpdated:u}),null,16,["style"]))}});module.exports=d;
+import f from "./Icon.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Icon2.vue.js.map

package/dist/src/components/basic/icon/Icon2.vue.js.map

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

package/dist/src/components/basic/icon/index.js

@@ -0,0 +1,17 @@
+import "vue";
+import "@iconify/vue";
+import "vue-virtual-scroller";
+import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+import "@vueuse/core";
+import "@iconify-json/ep/icons.json";
+import "@iconify-json/ant-design/icons.json";
+/* empty css                    */
+/* empty css                 */
+import "lodash-es";
+import { default as s } from "./src/icon-font.js";
+const x = !0;
+export {
+  s as IconFont,
+  x as __iconIndexMarker
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/basic/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/icon/index.ts"],"sourcesContent":["export { default as IconPicker } from './src/IconPicker.vue'\nexport { default as SvgIcon } from './src/SvgIcon.vue'\nexport { default as Icon } from './Icon.vue'\nexport { default as IconFont } from './src/icon-font'\n\nexport * from './src/props'\n\nexport { setupIcons } from './src/icons.data'\n\n// 确保该入口模块在 preserveModules 输出中落盘，避免消费方把目录当成文件导入\nexport const __iconIndexMarker = true\n"],"names":["__iconIndexMarker"],"mappings":";;;;;;;;;;;AAUO,MAAMA,IAAoB;"}

package/dist/src/components/basic/icon/src/IconPicker.vue.js

@@ -0,0 +1,8 @@
+import o from "./IconPicker3.vue.js";
+/* empty css                */
+import f from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ f(o, [["__scopeId", "data-v-94fcf8fe"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=IconPicker.vue.js.map

package/dist/src/components/basic/icon/src/IconPicker.vue.js.map

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

package/dist/src/components/basic/icon/src/IconPicker3.vue.js

@@ -0,0 +1,118 @@
+import { defineComponent as z, useModel as B, ref as d, computed as I, resolveComponent as s, openBlock as u, createBlock as k, withCtx as a, createVNode as n, mergeProps as O, createSlots as P, unref as r, createElementBlock as y, normalizeClass as F, Fragment as K, renderList as L, mergeModels as S } from "vue";
+import { Icon as g } from "@iconify/vue";
+import { RecycleScroller as U } from "vue-virtual-scroller";
+import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+import { useDebounceFn as V } from "@vueuse/core";
+import { setupIcons as A, icons as x } from "./icons.data.js";
+import { iconPickerProps as D } from "./props.js";
+const E = ["title", "onClick"], Q = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "IconPicker",
+  props: /* @__PURE__ */ S(D, {
+    value: {},
+    valueModifiers: {}
+  }),
+  emits: ["update:value"],
+  setup(C) {
+    A();
+    const l = B(C, "value"), f = Object.entries(x).reduce(
+      (e, [t, i]) => (e[t] = Object.keys(i.icons).map((m) => ({ name: `${i.prefix}:${m}` })), e),
+      {
+        全部: Object.values(x).flatMap(
+          (e) => Object.keys(e.icons).map((t) => ({ name: `${e.prefix}:${t}` }))
+        )
+      }
+    ), p = d(!1), c = d("全部"), _ = d(""), h = I(() => f[c.value].filter((t) => t.name.includes(_.value))), $ = V((e) => {
+      _.value = e.target.value;
+    }, 100), M = (e) => {
+      l.value = e, p.value = !1;
+    };
+    return (e, t) => {
+      const i = s("a-tab-pane"), m = s("a-tabs"), b = s("a-input"), j = s("a-popover"), w = s("a-form-item-rest");
+      return u(), k(w, null, {
+        default: a(() => [
+          n(j, {
+            open: p.value,
+            "onUpdate:open": t[2] || (t[2] = (o) => p.value = o),
+            placement: "bottomLeft",
+            "overlay-inner-style": { paddingTop: 0 },
+            trigger: "click"
+          }, {
+            title: a(() => [
+              n(m, {
+                activeKey: c.value,
+                "onUpdate:activeKey": t[0] || (t[0] = (o) => c.value = o),
+                size: "small",
+                "tab-bar-style": { marginBottom: "8px" }
+              }, {
+                default: a(() => [
+                  (u(!0), y(K, null, L(r(f), (o, v) => (u(), k(i, {
+                    key: v,
+                    tab: v
+                  }, null, 8, ["tab"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["activeKey"]),
+              n(b, {
+                autofocus: "",
+                "allow-clear": "",
+                placeholder: `从“${c.value}”中搜索图标`,
+                onChange: r($)
+              }, null, 8, ["placeholder", "onChange"])
+            ]),
+            content: a(() => [
+              n(r(U), {
+                class: "select-box",
+                items: h.value,
+                "key-field": "name",
+                "item-size": 38,
+                "grid-items": 9,
+                "item-secondary-size": 38
+              }, {
+                default: a(({ item: o }) => [
+                  (u(), y("div", {
+                    key: o.name,
+                    title: o.name,
+                    class: F([{ active: l.value == o.name }, "select-box-item"]),
+                    onClick: (v) => M(o.name)
+                  }, [
+                    n(r(g), {
+                      icon: o.name,
+                      class: "text-[20px]"
+                    }, null, 8, ["icon"])
+                  ], 10, E))
+                ]),
+                _: 1
+              }, 8, ["items"])
+            ]),
+            default: a(() => [
+              n(b, O(e.$attrs, {
+                value: l.value,
+                "onUpdate:value": t[1] || (t[1] = (o) => l.value = o),
+                placeholder: e.placeholder,
+                "allow-clear": ""
+              }), P({ _: 2 }, [
+                l.value ? {
+                  name: "prefix",
+                  fn: a(() => [
+                    n(r(g), {
+                      icon: l.value,
+                      class: "text-[20px]"
+                    }, null, 8, ["icon"])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1040, ["value", "placeholder"])
+            ]),
+            _: 1
+          }, 8, ["open"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=IconPicker3.vue.js.map

package/dist/src/components/basic/icon/src/IconPicker3.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker3.vue.js","sources":["../../../../../../src/components/basic/icon/src/IconPicker.vue"],"sourcesContent":["<template>\n  <a-form-item-rest>\n    <a-popover\n      v-model:open=\"visible\"\n      placement=\"bottomLeft\"\n      :overlay-inner-style=\"{ paddingTop: 0 }\"\n      trigger=\"click\"\n    >\n      <template #title>\n        <a-tabs\n          v-model:activeKey=\"activeCateName\"\n          size=\"small\"\n          :tab-bar-style=\"{ marginBottom: '8px' }\"\n        >\n          <a-tab-pane v-for=\"(_, cateName) in iconsMap\" :key=\"cateName\" :tab=\"cateName\">\n          </a-tab-pane>\n        </a-tabs>\n        <a-input\n          autofocus\n          allow-clear\n          :placeholder=\"`从“${activeCateName}”中搜索图标`\"\n          @change=\"handleSearchChange\"\n        />\n      </template>\n      <template #content>\n        <RecycleScroller\n          class=\"select-box\"\n          :items=\"iconFilteredList\"\n          key-field=\"name\"\n          :item-size=\"38\"\n          :grid-items=\"9\"\n          :item-secondary-size=\"38\"\n        >\n          <template #default=\"{ item }\">\n            <div\n              :key=\"item.name\"\n              :title=\"item.name\"\n              :class=\"{ active: modelValue == item.name }\"\n              class=\"select-box-item\"\n              @click=\"selectIcon(item.name)\"\n            >\n              <Icon :icon=\"item.name\" class=\"text-[20px]\" />\n            </div>\n          </template>\n        </RecycleScroller>\n      </template>\n\n      <a-input v-bind=\"$attrs\" v-model:value=\"modelValue\" :placeholder=\"placeholder\" allow-clear>\n        <template v-if=\"modelValue\" #prefix>\n          <Icon :icon=\"modelValue\" class=\"text-[20px]\" />\n        </template>\n      </a-input>\n    </a-popover>\n  </a-form-item-rest>\n</template>\n<script lang=\"ts\" setup>\n  import { ref, computed } from 'vue'\n  import { Icon } from '@iconify/vue'\n  import { RecycleScroller } from 'vue-virtual-scroller'\n  import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'\n  import { useDebounceFn } from '@vueuse/core'\n  import { setupIcons, icons } from './icons.data'\n  import { iconPickerProps } from './props'\n\n  // 添加默认图标集合\n  setupIcons()\n\n  defineOptions({\n    inheritAttrs: false,\n  })\n  defineProps(iconPickerProps)\n\n  const modelValue = defineModel<string>('value')\n\n  const iconsMap = Object.entries(icons).reduce(\n    (prev, [cateName, curr]) => {\n      prev[cateName] = Object.keys(curr.icons).map(name => ({ name: `${curr.prefix}:${name}` }))\n      return prev\n    },\n    {\n      全部: Object.values(icons).flatMap(item =>\n        Object.keys(item.icons).map(name => ({ name: `${item.prefix}:${name}` })),\n      ),\n    } as Recordable<{ name: string }[]>,\n  )\n\n  const visible = ref(false)\n  const activeCateName = ref('全部')\n  const keyword = ref('')\n\n  const iconFilteredList = computed(() => {\n    const list = iconsMap[activeCateName.value]\n    return list.filter(item => item.name.includes(keyword.value))\n  })\n\n  const handleSearchChange = useDebounceFn((e: Event) => {\n    keyword.value = (e.target as HTMLInputElement).value\n  }, 100)\n\n  const selectIcon = (name: string) => {\n    modelValue.value = name\n    visible.value = false\n  }\n</script>\n\n<style lang=\"less\" scoped>\n  .select-box {\n    @apply h-300px min-w-350px;\n\n    &-item {\n      @apply flex m-2px p-6px;\n\n      border: 1px solid #e5e7eb;\n\n      &:hover,\n      &.active {\n        @apply border-blue-600;\n      }\n    }\n  }\n</style>\n"],"names":["setupIcons","modelValue","_useModel","__props","iconsMap","icons","prev","cateName","curr","name","item","visible","ref","activeCateName","keyword","iconFilteredList","computed","handleSearchChange","useDebounceFn","selectIcon","_createBlock","_component_a_form_item_rest","_createVNode","_component_a_popover","$event","_component_a_tabs","_openBlock","_createElementBlock","_Fragment","_renderList","_unref","_","_component_a_tab_pane","_component_a_input","RecycleScroller","_withCtx","Icon","_mergeProps","_ctx","placeholder"],"mappings":"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"}

package/dist/src/components/basic/icon/src/SvgIcon.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as a, computed as n, openBlock as p, createElementBlock as l, mergeProps as i, createElementVNode as m } from "vue";
+import { svgIconProps as u } from "./props.js";
+const d = ["xlink:href"], h = /* @__PURE__ */ a({
+  name: "SvgIcon",
+  __name: "SvgIcon",
+  props: u,
+  setup(s) {
+    const e = s, r = n(() => `#${e.prefix}-${e.name}`), c = n(() => {
+      const { size: t } = e, o = `${t}`.replace("px", "").concat("px");
+      return {
+        width: o,
+        height: o
+      };
+    });
+    return (t, o) => (p(), l("svg", i(t.$attrs, {
+      class: "svg-icon",
+      style: c.value,
+      "aria-hidden": "true"
+    }), [
+      m("use", { "xlink:href": r.value }, null, 8, d)
+    ], 16));
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=SvgIcon.vue.js.map

package/dist/src/components/basic/icon/src/SvgIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgIcon.vue.js","sources":["../../../../../../src/components/basic/icon/src/SvgIcon.vue"],"sourcesContent":["<template>\n  <svg v-bind=\"$attrs\" class=\"svg-icon\" :style=\"getStyle\" aria-hidden=\"true\">\n    <use :xlink:href=\"symbolId\" />\n  </svg>\n</template>\n\n<script lang=\"ts\" setup>\n  import { computed, type CSSProperties } from 'vue'\n  import { svgIconProps } from './props'\n\n  defineOptions({\n    name: 'SvgIcon',\n  })\n\n  const props = defineProps(svgIconProps)\n  const symbolId = computed(() => `#${props.prefix}-${props.name}`)\n  const getStyle = computed((): CSSProperties => {\n    const { size } = props\n    const s = `${size}`.replace('px', '').concat('px')\n    return {\n      width: s,\n      height: s,\n    }\n  })\n</script>\n\n<style lang=\"less\">\n  .svg-icon {\n    overflow: hidden;\n    fill: currentcolor;\n    vertical-align: -0.15em;\n  }\n</style>\n"],"names":["props","__props","symbolId","computed","getStyle","size","s","_createElementBlock","_mergeProps","_ctx","_createElementVNode","_hoisted_1"],"mappings":";;;;;;;AAcE,UAAMA,IAAQC,GACRC,IAAWC,EAAS,MAAM,IAAIH,EAAM,MAAM,IAAIA,EAAM,IAAI,EAAE,GAC1DI,IAAWD,EAAS,MAAqB;AAC7C,YAAM,EAAE,MAAAE,MAASL,GACXM,IAAI,GAAGD,CAAI,GAAG,QAAQ,MAAM,EAAE,EAAE,OAAO,IAAI;AACjD,aAAO;AAAA,QACL,OAAOC;AAAA,QACP,QAAQA;AAAA,MAAA;AAAA,IAEZ,CAAC;2BAtBDC,EAEM,OAFNC,EAEMC,EAAA,QAFa;AAAA,MAAE,OAAM;AAAA,MAAY,OAAOL,EAAA;AAAA,MAAU,eAAY;AAAA,IAAA;MAClEM,EAA8B,OAAA,EAAxB,cAAYR,EAAA,SAAQ,MAAA,GAAAS,CAAA;AAAA,IAAA;;;"}

package/dist/src/components/basic/icon/src/SvgIcon3.vue.js

@@ -1 +1,6 @@
-"use strict";const e=require("./SvgIcon2.vue.js");;/* empty css             */module.exports=e;
+import o from "./SvgIcon.vue.js";
+/* empty css             */
+export {
+  o as default
+};
+//# sourceMappingURL=SvgIcon3.vue.js.map

package/dist/src/components/basic/icon/src/SvgIcon3.vue.js.map

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