giime 0.0.13 → 0.0.15

package/lib/components/src/composite/tablePro/tableColumnPro/tableColumnPro.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var tableColumn = require('../../../base/tableColumn/tableColumn.js');
+
+const tableColumnProProps = {
+  ...tableColumn.tableColumnProps,
+  prop: {
+    type: String,
+    required: true
+  },
+  /**
+   * 是否显示
+   */
+  isShow: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 普通列 或 编辑列
+   */
+  type: {
+    type: String,
+    default: ""
+  }
+};
+const TableColumnProName = "GmTableColumnPro";
+
+exports.TableColumnProName = TableColumnProName;
+exports.tableColumnProProps = tableColumnProProps;
+//# sourceMappingURL=tableColumnPro.js.map

package/lib/components/src/composite/tablePro/tableColumnPro/tableColumnPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableColumnPro.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableColumnPro/tableColumnPro.ts"],"sourcesContent":["// import { tableColumnEmits as elTableColumnEmits, tableColumnProps as elTableColumnProps } from 'element-plus';\r\n// import type { ExtractPropTypes } from 'vue';\r\n// import elTableProps from 'element-plus/es/components/table/src/table-column/defaults';\r\nimport { tableColumnProps } from '@giime/components/src/base/tableColumn/tableColumn';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n\r\nexport const tableColumnProProps = {\r\n  ...tableColumnProps,\r\n  prop: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  /**\r\n   * 是否显示\r\n   */\r\n  isShow: {\r\n    type: Boolean,\r\n    default: true as const,\r\n  },\r\n  /**\r\n   * 普通列 或 编辑列\r\n   */\r\n  type: {\r\n    type: String as PropType<'' | 'edit'>,\r\n    default: '' as const,\r\n  },\r\n};\r\nexport type TableColumnProProps = ExtractPropTypes<typeof tableColumnProProps>;\r\nexport const TableColumnProName = 'GmTableColumnPro';\r\n"],"names":["tableColumnProps"],"mappings":";;;;AAMO,MAAM,mBAAsB,GAAA;AAAA,EACjC,GAAGA,4BAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAA;;;;;"}

package/lib/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue.d.ts

@@ -0,0 +1,56 @@
+import type { TableColumnProProps } from '../tableColumnPro/tableColumnPro';
+declare const _default: import("vue").DefineComponent<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    colPropsList: {
+        required: true;
+        type: import("vue").PropType<TableColumnProProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    colDefaultPropsList: {
+        type: import("vue").PropType<TableColumnProProps[]>;
+        default: () => never[];
+    };
+}, {
+    isInited: import("vue").Ref<boolean>;
+    submitSettings: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isShowDrawer": (isShowDrawer: boolean) => void;
+    "update:colPropsList": (colPropsList: TableColumnProProps[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    colPropsList: {
+        required: true;
+        type: import("vue").PropType<TableColumnProProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    colDefaultPropsList: {
+        type: import("vue").PropType<TableColumnProProps[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
+    "onUpdate:colPropsList"?: ((colPropsList: TableColumnProProps[]) => any) | undefined;
+}, {
+    colDefaultPropsList: TableColumnProProps[];
+}, {}>;
+export default _default;

package/lib/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TableHeaderForm_vue_vue_type_script_setup_true_lang = require('./TableHeaderForm.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var TableHeaderForm = /* @__PURE__ */ _pluginVue_exportHelper.default(TableHeaderForm_vue_vue_type_script_setup_true_lang.default, [["__file", "TableHeaderForm.vue"]]);
+
+exports.default = TableHeaderForm;
+//# sourceMappingURL=TableHeaderForm.vue.js.map

package/lib/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue.js.map

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

package/lib/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue2.js

@@ -0,0 +1,281 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+require('../../../../../hooks/index.js');
+var lodashEs = require('lodash-es');
+var tableHeaderForm = require('./tableHeaderForm.js');
+var index = require('../../../../../hooks/store/useCustomSettings/index.js');
+
+const _hoisted_1 = { class: "drawer-alert gm-mb-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-text-[#777]" };
+const _hoisted_2 = { class: "gm-flex gm-items-center gm-py-3" };
+const _hoisted_3 = { class: "gm-ml-2" };
+const _hoisted_4 = { class: "gm-text-cyan-500" };
+const _hoisted_5 = { class: "gm-flex gm-justify-between" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "GmTableHeaderForm"
+  },
+  __name: "TableHeaderForm",
+  props: /* @__PURE__ */ vue.mergeModels(tableHeaderForm.tableHeaderFormProps, {
+    "isShowDrawer": { type: Boolean, ...{
+      required: true
+    } },
+    "isShowDrawerModifiers": {},
+    "colPropsList": {
+      required: true
+    },
+    "colPropsListModifiers": {}
+  }),
+  emits: ["update:isShowDrawer", "update:colPropsList"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const isShowDrawer = vue.useModel(__props, "isShowDrawer");
+    const colPropsList = vue.useModel(__props, "colPropsList");
+    const customSettingsStore = index.useCustomSettingsStore();
+    const isInited = vue.ref(false);
+    const { cloned: clonedColPropsList } = core.useCloned(colPropsList);
+    const defaultPropsList = vue.computed(() => lodashEs.cloneDeep(props.colDefaultPropsList));
+    vue.watch(isShowDrawer, (newValue) => {
+      if (newValue) {
+        clonedColPropsList.value = lodashEs.cloneDeep(colPropsList.value);
+      }
+    });
+    const customSettingsValue = vue.computed(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);
+    const { cloned: clonedStore } = core.useCloned(customSettingsValue);
+    const updateColumns = () => {
+      colPropsList.value = clonedColPropsList.value;
+    };
+    const initColumns = async () => {
+      await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });
+      clonedColPropsList.value = defaultPropsList.value.map((it) => {
+        const findItem = clonedStore.value.find((v) => v.prop === it.prop);
+        if (findItem) {
+          it.isShow = findItem.isShow;
+          it.width = findItem.width;
+        }
+        return it;
+      });
+      updateColumns();
+      isInited.value = true;
+    };
+    const checkedNumber = vue.computed(() => {
+      return clonedColPropsList.value.filter((v) => v.isShow).length;
+    });
+    const checkedAll = vue.computed(() => clonedColPropsList.value.filter((it) => it.type !== "edit").every((v) => v.isShow));
+    const isIndeterminate = vue.computed(() => !checkedAll.value && clonedColPropsList.value.filter((it) => it.type !== "edit").some((v) => v.isShow));
+    const handleCheckAllChange = (val) => {
+      clonedColPropsList.value.forEach((v) => {
+        if (v.type !== "edit") {
+          v.isShow = Boolean(val);
+        }
+      });
+    };
+    const submitLoading = vue.ref(false);
+    const submitSettings = async () => {
+      try {
+        submitLoading.value = true;
+        const { data } = await customSettingsStore.addCustomSettings({
+          key_word: props.keyWord,
+          value: JSON.stringify(clonedColPropsList.value),
+          type: props.type
+        });
+        submitLoading.value = false;
+        if (data.code !== 0) {
+          return;
+        }
+        updateColumns();
+      } catch (e) {
+        console.error(e);
+        submitLoading.value = false;
+      }
+    };
+    const onSyncRemote = async () => {
+      try {
+        submitLoading.value = true;
+        await customSettingsStore.syncRemoteSetting({
+          key_word: props.keyWord,
+          type: props.type
+        });
+        submitLoading.value = false;
+      } catch (e) {
+        console.error(e);
+        submitLoading.value = false;
+      }
+    };
+    const onReset = () => {
+      clonedColPropsList.value = lodashEs.cloneDeep(props.colDefaultPropsList);
+    };
+    vue.onMounted(() => {
+      initColumns();
+    });
+    __expose({
+      isInited,
+      submitSettings
+    });
+    return (_ctx, _cache) => {
+      const _component_i_ep_info_filled = vue.resolveComponent("i-ep-info-filled");
+      const _component_gm_icon = vue.resolveComponent("gm-icon");
+      const _component_gm_checkbox = vue.resolveComponent("gm-checkbox");
+      const _component_gm_table_column = vue.resolveComponent("gm-table-column");
+      const _component_gm_input = vue.resolveComponent("gm-input");
+      const _component_gm_table = vue.resolveComponent("gm-table");
+      const _component_gm_button = vue.resolveComponent("gm-button");
+      const _component_gm_drawer = vue.resolveComponent("gm-drawer");
+      return vue.openBlock(), vue.createBlock(_component_gm_drawer, {
+        modelValue: isShowDrawer.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isShowDrawer.value = $event),
+        title: "\u81EA\u5B9A\u4E49\u8868\u5934",
+        direction: "rtl",
+        size: "600px",
+        "append-to-body": "",
+        "destroy-on-close": ""
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createElementVNode("div", null, [
+              vue.createVNode(_component_gm_button, {
+                loading: submitLoading.value,
+                type: "primary",
+                size: "default",
+                onClick: onReset
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u91CD\u7F6E")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"]),
+              vue.createVNode(_component_gm_button, {
+                loading: submitLoading.value,
+                type: "success",
+                size: "default",
+                onClick: onSyncRemote
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u540C\u6B65")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"])
+            ]),
+            vue.createElementVNode("div", null, [
+              vue.createVNode(_component_gm_button, {
+                loading: submitLoading.value,
+                size: "default",
+                onClick: _cache[0] || (_cache[0] = ($event) => isShowDrawer.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u53D6\u6D88")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"]),
+              vue.createVNode(_component_gm_button, {
+                loading: submitLoading.value,
+                type: "primary",
+                size: "default",
+                onClick: submitSettings
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u4FDD\u5B58")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"])
+            ])
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("section", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(_component_gm_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_i_ep_info_filled)
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createElementVNode("p", _hoisted_3, [
+                vue.createTextVNode(" \u5DF2\u9009\u4E2D "),
+                vue.createElementVNode(
+                  "span",
+                  _hoisted_4,
+                  vue.toDisplayString(checkedNumber.value),
+                  1
+                  /* TEXT */
+                ),
+                vue.createTextVNode(" \u9879 ")
+              ])
+            ])
+          ]),
+          vue.createVNode(_component_gm_table, {
+            data: vue.unref(clonedColPropsList),
+            "header-cell-style": { background: "#F5F7FA", color: "#333" },
+            style: { "width": "100%" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_gm_table_column, {
+                align: "left",
+                width: "80"
+              }, {
+                header: vue.withCtx(() => [
+                  vue.createVNode(_component_gm_checkbox, {
+                    "model-value": checkedAll.value,
+                    indeterminate: isIndeterminate.value,
+                    onChange: handleCheckAllChange
+                  }, null, 8, ["model-value", "indeterminate"])
+                ]),
+                default: vue.withCtx(({ row }) => [
+                  vue.createVNode(_component_gm_checkbox, {
+                    modelValue: row.isShow,
+                    "onUpdate:modelValue": ($event) => row.isShow = $event,
+                    disabled: row.type === "edit"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createVNode(_component_gm_table_column, {
+                label: "\u5217\u540D",
+                prop: "label"
+              }, {
+                default: vue.withCtx(({ row }) => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(row.type === "edit" ? "\u64CD\u4F5C" : row.label),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createVNode(_component_gm_table_column, { label: "\u5217\u5BBD" }, {
+                default: vue.withCtx(({ row }) => [
+                  vue.createVNode(_component_gm_input, {
+                    modelValue: row.width,
+                    "onUpdate:modelValue": ($event) => row.width = $event,
+                    class: "gm-w-[120px]",
+                    placeholder: "\u8BBE\u7F6E\u5BBD\u5EA6",
+                    clearable: ""
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["data"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=TableHeaderForm.vue2.js.map

package/lib/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderForm.vue2.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableHeaderForm/TableHeaderForm.vue"],"sourcesContent":["<template>\r\n  <gm-drawer v-model=\"isShowDrawer\" title=\"自定义表头\" direction=\"rtl\" size=\"600px\" append-to-body destroy-on-close>\r\n    <section\r\n      class=\"drawer-alert gm-mb-4 gm-flex gm-items-center gm-justify-between gm-rounded gm-border gm-border-cyan-300 gm-bg-cyan-50 gm-px-4 gm-text-sm gm-text-[#777]\"\r\n    >\r\n      <div class=\"gm-flex gm-items-center gm-py-3\">\r\n        <gm-icon><i-ep-info-filled /></gm-icon>\r\n        <p class=\"gm-ml-2\">\r\n          已选中 <span class=\"gm-text-cyan-500\">{{ checkedNumber }}</span> 项\r\n        </p>\r\n      </div>\r\n    </section>\r\n    <gm-table :data=\"clonedColPropsList\" :header-cell-style=\"{ background: '#F5F7FA', color: '#333' }\" style=\"width: 100%\">\r\n      <gm-table-column align=\"left\" width=\"80\">\r\n        <template #header>\r\n          <gm-checkbox :model-value=\"checkedAll\" :indeterminate=\"isIndeterminate\" @change=\"handleCheckAllChange\" />\r\n        </template>\r\n        <template #default=\"{ row }: { row: TableColumnProProps }\">\r\n          <gm-checkbox v-model=\"row.isShow\" :disabled=\"row.type === 'edit'\" />\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"列名\" prop=\"label\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps }\">\r\n          {{ row.type === 'edit' ? '操作' : row.label }}\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"列宽\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps; $index: number }\">\r\n          <gm-input v-model=\"row.width\" class=\"gm-w-[120px]\" placeholder=\"设置宽度\" clearable />\r\n        </template>\r\n      </gm-table-column>\r\n    </gm-table>\r\n    <template #footer>\r\n      <div class=\"gm-flex gm-justify-between\">\r\n        <div>\r\n          <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"onReset\">重置</gm-button>\r\n          <gm-button :loading=\"submitLoading\" type=\"success\" size=\"default\" @click=\"onSyncRemote\">同步</gm-button>\r\n        </div>\r\n        <div>\r\n          <gm-button :loading=\"submitLoading\" size=\"default\" @click=\"isShowDrawer = false\">取消</gm-button>\r\n          <gm-button :loading=\"submitLoading\" type=\"primary\" size=\"default\" @click=\"submitSettings\">保存</gm-button>\r\n        </div>\r\n      </div>\r\n    </template>\r\n  </gm-drawer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, onMounted, ref, watch } from 'vue';\r\nimport { useCloned } from '@vueuse/core';\r\nimport { useCustomSettingsStore } from '@giime/hooks';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { tableHeaderFormProps } from './tableHeaderForm';\r\nimport type { CheckboxValueType } from 'element-plus';\r\nimport type { TableColumnProProps } from '../tableColumnPro/tableColumnPro';\r\n\r\ndefineOptions({\r\n  name: 'GmTableHeaderForm',\r\n});\r\nconst props = defineProps(tableHeaderFormProps);\r\n\r\n/**抽屉显示 */\r\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\r\n  required: true,\r\n});\r\n\r\n/**自定义按钮 props列表 */\r\nconst colPropsList = defineModel<TableColumnProProps[]>('colPropsList', {\r\n  required: true,\r\n});\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\n/**\r\n * 数据是否初始化完成\r\n */\r\nconst isInited = ref(false);\r\n/**内部克隆一份，当点击保存时 应用修改的内容 */\r\nconst { cloned: clonedColPropsList } = useCloned(colPropsList);\r\nconst defaultPropsList = computed(() => cloneDeep(props.colDefaultPropsList));\r\n// 重新打开弹窗时， 克隆一份新数据\r\nwatch(isShowDrawer, newValue => {\r\n  if (newValue) {\r\n    clonedColPropsList.value = cloneDeep(colPropsList.value);\r\n  }\r\n});\r\nconst customSettingsValue = computed<TableColumnProProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);\r\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\r\n\r\n// 更新选中数据\r\nconst updateColumns = () => {\r\n  colPropsList.value = clonedColPropsList.value;\r\n};\r\n// 初始化数据\r\nconst initColumns = async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  clonedColPropsList.value = defaultPropsList.value.map(it => {\r\n    const findItem = clonedStore.value.find(v => v.prop === it.prop);\r\n    if (findItem) {\r\n      it.isShow = findItem.isShow;\r\n      it.width = findItem.width;\r\n      // it.type = findItem.type;\r\n    }\r\n    return it;\r\n  });\r\n\r\n  updateColumns();\r\n  isInited.value = true;\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n  return clonedColPropsList.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => clonedColPropsList.value.filter(it => it.type !== 'edit').every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && clonedColPropsList.value.filter(it => it.type !== 'edit').some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n  clonedColPropsList.value.forEach(v => {\r\n    if (v.type !== 'edit') {\r\n      v.isShow = Boolean(val);\r\n    }\r\n  });\r\n};\r\nconst submitLoading = ref(false);\r\n// 保存\r\nconst submitSettings = async () => {\r\n  try {\r\n    submitLoading.value = true;\r\n    const { data } = await customSettingsStore.addCustomSettings({\r\n      key_word: props.keyWord,\r\n      value: JSON.stringify(clonedColPropsList.value),\r\n      type: props.type,\r\n    });\r\n    submitLoading.value = false;\r\n    if (data.code !== 0) {\r\n      return;\r\n    }\r\n    // isShowDrawer.value = false;\r\n    updateColumns();\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n/**同步远程设置 */\r\nconst onSyncRemote = async () => {\r\n  try {\r\n    submitLoading.value = true;\r\n    await customSettingsStore.syncRemoteSetting({\r\n      key_word: props.keyWord,\r\n      type: props.type,\r\n    });\r\n    submitLoading.value = false;\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n// 重置\r\nconst onReset = () => {\r\n  clonedColPropsList.value = cloneDeep(props.colDefaultPropsList);\r\n};\r\n\r\nonMounted(() => {\r\n  initColumns();\r\n});\r\ndefineExpose({\r\n  isInited,\r\n  submitSettings,\r\n});\r\n</script>\r\n"],"names":["_useModel","useCustomSettingsStore","ref","useCloned","computed","cloneDeep","watch","onMounted"],"mappings":"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"}

package/lib/components/src/composite/tablePro/tableHeaderForm/index.d.ts

@@ -0,0 +1,58 @@
+import TableHeaderForm from './TableHeaderForm.vue';
+export declare const GmTableHeaderForm: import("../../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    colPropsList: {
+        required: true;
+        type: import("vue").PropType<import("../index.js").TableColumnProProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    colDefaultPropsList: {
+        type: import("vue").PropType<import("../index.js").TableColumnProProps[]>;
+        default: () => never[];
+    };
+}, {
+    isInited: import("vue").Ref<boolean>;
+    submitSettings: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isShowDrawer": (isShowDrawer: boolean) => void;
+    "update:colPropsList": (colPropsList: import("../index.js").TableColumnProProps[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    colPropsList: {
+        required: true;
+        type: import("vue").PropType<import("../index.js").TableColumnProProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    colDefaultPropsList: {
+        type: import("vue").PropType<import("../index.js").TableColumnProProps[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
+    "onUpdate:colPropsList"?: ((colPropsList: import("../index.js").TableColumnProProps[]) => any) | undefined;
+}, {
+    colDefaultPropsList: import("../index.js").TableColumnProProps[];
+}, {}>> & Record<string, any>;
+export type TableHeaderFormInstance = InstanceType<typeof TableHeaderForm>;
+export * from './tableHeaderForm';
+export default GmTableHeaderForm;

package/lib/components/src/composite/tablePro/tableHeaderForm/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../../../utils/index.js');
+var TableHeaderForm = require('./TableHeaderForm.vue.js');
+var tableHeaderForm = require('./tableHeaderForm.js');
+var install = require('../../../../../utils/src/vue/install.js');
+
+const GmTableHeaderForm = install.withInstall(TableHeaderForm.default);
+
+exports.tableHeaderFormProps = tableHeaderForm.tableHeaderFormProps;
+exports.GmTableHeaderForm = GmTableHeaderForm;
+exports.default = GmTableHeaderForm;
+//# sourceMappingURL=index.js.map

package/lib/components/src/composite/tablePro/tableHeaderForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableHeaderForm/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport TableHeaderForm from './TableHeaderForm.vue';\r\n\r\nexport const GmTableHeaderForm = withInstall(TableHeaderForm);\r\nexport type TableHeaderFormInstance = InstanceType<typeof TableHeaderForm>;\r\nexport * from './tableHeaderForm';\r\nexport default GmTableHeaderForm;\r\n"],"names":["withInstall","TableHeaderForm"],"mappings":";;;;;;;;;AAGa,MAAA,iBAAA,GAAoBA,oBAAYC,uBAAe;;;;;;"}

package/lib/components/src/composite/tablePro/tableHeaderForm/tableHeaderForm.d.ts

@@ -0,0 +1,22 @@
+import type { TableColumnProProps } from '../tableColumnPro/tableColumnPro';
+import type { PropType } from 'vue';
+export declare const tableHeaderFormProps: {
+    /**
+     * 每个列表的唯一key
+     */
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * 自定义值 类型
+     */
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    colDefaultPropsList: {
+        type: PropType<TableColumnProProps[]>;
+        default: () => never[];
+    };
+};

package/lib/components/src/composite/tablePro/tableHeaderForm/tableHeaderForm.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const tableHeaderFormProps = {
+  /**
+   * 每个列表的唯一key
+   */
+  keyWord: {
+    type: String,
+    required: true
+  },
+  /**
+   * 自定义值 类型
+   */
+  type: {
+    type: String,
+    required: true
+  },
+  colDefaultPropsList: {
+    type: Array,
+    default: () => []
+  }
+};
+
+exports.tableHeaderFormProps = tableHeaderFormProps;
+//# sourceMappingURL=tableHeaderForm.js.map

package/lib/components/src/composite/tablePro/tableHeaderForm/tableHeaderForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHeaderForm.js","sources":["../../../../../../../../packages/components/src/composite/tablePro/tableHeaderForm/tableHeaderForm.ts"],"sourcesContent":["import type { TableColumnProProps } from '../tableColumnPro/tableColumnPro';\r\nimport type { PropType } from 'vue';\r\n\r\n// interface TableColumnProProps {\r\n//   label: string; // 表头名称\r\n//   prop: string; // 展示字段 && 唯一标识\r\n//   width?: number; // 字段宽度\r\n//   slot?: boolean; // 是否开启插槽\r\n//   formatter?: (row: Record<string, any>, column: TableColumnCtx<any>) => string; // 格式化内容 开启插槽后无效\r\n//   sortable?: boolean | string; // 是否开启排序\r\n//   tooltip?: boolean; // 是否开启超出tooltip\r\n//   [key: string]: any; // 其他属性\r\n// }\r\n\r\nexport const tableHeaderFormProps = {\r\n  /**\r\n   * 每个列表的唯一key\r\n   */\r\n  keyWord: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  /**\r\n   * 自定义值 类型\r\n   */\r\n  type: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  colDefaultPropsList: {\r\n    type: Array as PropType<TableColumnProProps[]>,\r\n    default: () => [],\r\n  },\r\n};\r\n"],"names":[],"mappings":";;AAcO,MAAM,oBAAuB,GAAA;AAAA;AAAA;AAAA;AAAA,EAIlC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF;;;;"}

package/lib/components/src/composite/tablePro/tableHelper.d.ts

@@ -0,0 +1 @@
+export declare const getVnodesByGmName: (defaultVnodes: any[], name: string) => any[];

package/lib/components/src/composite/tablePro/tableHelper.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var vue = require('vue');
+var is = require('../../../../utils/src/is.js');
+
+const getVnodesByGmName = (defaultVnodes, name) => {
+  const children = [];
+  if (Array.isArray(defaultVnodes)) {
+    for (const childNode of defaultVnodes) {
+      if (childNode.type?.name === name || childNode.shapeFlag & 2) {
+        children.push(childNode);
+      } else if (childNode.type === vue.Fragment && Array.isArray(childNode.children)) {
+        childNode.children.forEach((vnode) => {
+          if (vnode?.patchFlag !== 1024 && !is.isString(vnode?.children)) {
+            children.push(vnode);
+          }
+        });
+      }
+    }
+  }
+  return children;
+};
+
+exports.getVnodesByGmName = getVnodesByGmName;
+//# sourceMappingURL=tableHelper.js.map

package/lib/components/src/composite/tablePro/tableHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHelper.js","sources":["../../../../../../../packages/components/src/composite/tablePro/tableHelper.ts"],"sourcesContent":["import { Fragment } from 'vue';\r\nimport { isString } from '@giime/utils/src/is';\r\nexport const getVnodesByGmName = (defaultVnodes: any[], name: string) => {\r\n  const children = [];\r\n  if (Array.isArray(defaultVnodes)) {\r\n    for (const childNode of defaultVnodes) {\r\n      if (childNode.type?.name === name || childNode.shapeFlag & 2) {\r\n        children.push(childNode);\r\n      } else if (childNode.type === Fragment && Array.isArray(childNode.children)) {\r\n        childNode.children.forEach((vnode: any) => {\r\n          // No rendering when vnode is dynamic slot or text\r\n          if (vnode?.patchFlag !== 1024 && !isString(vnode?.children)) {\r\n            children.push(vnode);\r\n          }\r\n        });\r\n      }\r\n    }\r\n  }\r\n  return children;\r\n};\r\n"],"names":["Fragment","isString"],"mappings":";;;;;AAEa,MAAA,iBAAA,GAAoB,CAAC,aAAA,EAAsB,IAAiB,KAAA;AACvE,EAAA,MAAM,WAAW,EAAC,CAAA;AAClB,EAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,aAAa,CAAG,EAAA;AAChC,IAAA,KAAA,MAAW,aAAa,aAAe,EAAA;AACrC,MAAA,IAAI,UAAU,IAAM,EAAA,IAAA,KAAS,IAAQ,IAAA,SAAA,CAAU,YAAY,CAAG,EAAA;AAC5D,QAAA,QAAA,CAAS,KAAK,SAAS,CAAA,CAAA;AAAA,OACzB,MAAA,IAAW,UAAU,IAAS,KAAAA,YAAA,IAAY,MAAM,OAAQ,CAAA,SAAA,CAAU,QAAQ,CAAG,EAAA;AAC3E,QAAU,SAAA,CAAA,QAAA,CAAS,OAAQ,CAAA,CAAC,KAAe,KAAA;AAEzC,UAAA,IAAI,OAAO,SAAc,KAAA,IAAA,IAAQ,CAACC,WAAS,CAAA,KAAA,EAAO,QAAQ,CAAG,EAAA;AAC3D,YAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,WACrB;AAAA,SACD,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,GACF;AACA,EAAO,OAAA,QAAA,CAAA;AACT;;;;"}