giime 0.0.13 → 0.0.15

package/lib/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue2.js

@@ -0,0 +1,368 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../../hooks/index.js');
+var lodashEs = require('lodash-es');
+var core = require('@vueuse/core');
+var operateButtonForm = require('./operateButtonForm.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-leading-[40px] gm-text-[#777]" };
+const _hoisted_2 = { class: "gm-flex gm-items-center" };
+const _hoisted_3 = { class: "gm-ml-2" };
+const _hoisted_4 = { class: "gm-text-cyan-500" };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode(
+  "b",
+  { class: "gm-ml-3 gm-text-orange-400" },
+  "\u70B9\u51FB\u6309\u94AE\u53EF\u4FEE\u6539\u5F53\u524D\u6309\u94AE\u989C\u8272\uFF01",
+  -1
+  /* HOISTED */
+);
+const _hoisted_6 = { class: "p-1" };
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "text-[14px] gm-mb-2" },
+  "\u70B9\u51FB\u4E0B\u5217\u8272\u5757\u53EF\u4FEE\u6539\u6309\u94AE\u989C\u8272",
+  -1
+  /* HOISTED */
+);
+const _hoisted_8 = { class: "gm-flex gm-justify-between" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "GmOperateButtonForm"
+  },
+  __name: "OperateButtonForm",
+  props: /* @__PURE__ */ vue.mergeModels(operateButtonForm.operateButtonFormProps, {
+    "isShowDrawer": { type: Boolean, ...{
+      required: true
+    } },
+    "isShowDrawerModifiers": {},
+    "customBtnPropsList": {
+      required: true
+    },
+    "customBtnPropsListModifiers": {}
+  }),
+  emits: ["update:isShowDrawer", "update:customBtnPropsList"],
+  setup(__props, { expose: __expose }) {
+    const isShowDrawer = vue.useModel(__props, "isShowDrawer");
+    const customBtnPropsList = vue.useModel(__props, "customBtnPropsList");
+    const props = __props;
+    const customSettingsStore = index.useCustomSettingsStore();
+    const isInited = vue.ref(false);
+    const { cloned: clonedCustomBtnList } = core.useCloned(customBtnPropsList);
+    const defaultPropsList = vue.computed(() => lodashEs.cloneDeep(props.customDefaultPropsList));
+    const popoverVisibles = vue.ref(defaultPropsList.value.map(() => false));
+    vue.watch(defaultPropsList, () => {
+      popoverVisibles.value = defaultPropsList.value.map(() => false);
+    });
+    vue.watch(isShowDrawer, (newValue) => {
+      if (newValue) {
+        clonedCustomBtnList.value = lodashEs.cloneDeep(customBtnPropsList.value);
+      }
+    });
+    const customSettingsValue = vue.computed(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);
+    const { cloned: clonedStore } = core.useCloned(customSettingsValue);
+    const updateOperate = () => {
+      customBtnPropsList.value = clonedCustomBtnList.value;
+    };
+    const initOperate = async () => {
+      await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });
+      clonedCustomBtnList.value = defaultPropsList.value.map((it) => {
+        const findItem = clonedStore.value.find((v) => v.prop === it.prop);
+        if (findItem) {
+          it.isShow = findItem.isShow;
+          it.type = findItem.type;
+        }
+        return it;
+      });
+      updateOperate();
+      isInited.value = true;
+    };
+    const checkedNumber = vue.computed(() => {
+      return clonedCustomBtnList.value.filter((v) => v.isShow).length;
+    });
+    const checkedAll = vue.computed(() => clonedCustomBtnList.value.every((v) => v.isShow));
+    const isIndeterminate = vue.computed(() => !checkedAll.value && clonedCustomBtnList.value.some((v) => v.isShow));
+    const handleCheckAllChange = (val) => {
+      clonedCustomBtnList.value.forEach((v) => {
+        v.isShow = Boolean(val);
+      });
+    };
+    const setBtnType = (item, index, type) => {
+      item.type = type;
+      popoverVisibles.value[index] = false;
+    };
+    const submitLoading = vue.ref(false);
+    const onSubmit = async () => {
+      try {
+        submitLoading.value = true;
+        const { data } = await customSettingsStore.addCustomSettings({
+          key_word: props.keyWord,
+          value: JSON.stringify(clonedCustomBtnList.value),
+          type: props.type
+        });
+        submitLoading.value = false;
+        if (data.code !== 0) {
+          return;
+        }
+        isShowDrawer.value = false;
+        updateOperate();
+      } catch (e) {
+        console.error(e);
+        submitLoading.value = false;
+      }
+    };
+    const onReset = () => {
+      clonedCustomBtnList.value = lodashEs.cloneDeep(props.customDefaultPropsList);
+    };
+    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;
+      }
+    };
+    vue.onMounted(() => {
+      initOperate();
+    });
+    __expose({
+      isInited
+    });
+    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_button = vue.resolveComponent("gm-button");
+      const _component_gm_popover = vue.resolveComponent("gm-popover");
+      const _component_gm_table = vue.resolveComponent("gm-table");
+      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\u6309\u94AE",
+        direction: "rtl",
+        size: "500px",
+        "append-to-body": "",
+        "destroy-on-close": ""
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_8, [
+            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: onSubmit
+              }, {
+                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 ")
+              ]),
+              _hoisted_5
+            ])
+          ]),
+          vue.createVNode(_component_gm_table, {
+            data: vue.unref(clonedCustomBtnList),
+            "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
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createVNode(_component_gm_table_column, { label: "\u6309\u94AE" }, {
+                default: vue.withCtx(({ row, $index }) => [
+                  vue.createVNode(_component_gm_popover, {
+                    visible: popoverVisibles.value[$index],
+                    "onUpdate:visible": ($event) => popoverVisibles.value[$index] = $event,
+                    placement: "bottom",
+                    width: 330,
+                    trigger: "click"
+                  }, {
+                    reference: vue.withCtx(() => [
+                      vue.createVNode(_component_gm_button, {
+                        type: row.type || "primary",
+                        link: "",
+                        size: "small"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(row.label),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["type"])
+                    ]),
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", _hoisted_6, [
+                        _hoisted_7,
+                        vue.createVNode(_component_gm_button, {
+                          type: "primary",
+                          size: "small",
+                          onClick: ($event) => setBtnType(row, $index, "primary")
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u84DD\u8272 ")
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["onClick"]),
+                        vue.createVNode(_component_gm_button, {
+                          type: "success",
+                          size: "small",
+                          onClick: ($event) => setBtnType(row, $index, "success")
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u7EFF\u8272 ")
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["onClick"]),
+                        vue.createVNode(_component_gm_button, {
+                          type: "info",
+                          size: "small",
+                          onClick: ($event) => setBtnType(row, $index, "info")
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u7070\u8272 ")
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["onClick"]),
+                        vue.createVNode(_component_gm_button, {
+                          type: "warning",
+                          size: "small",
+                          onClick: ($event) => setBtnType(row, $index, "warning")
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u6A59\u8272 ")
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["onClick"]),
+                        vue.createVNode(_component_gm_button, {
+                          type: "danger",
+                          size: "small",
+                          onClick: ($event) => setBtnType(row, $index, "danger")
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(" \u7EA2\u8272 ")
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["onClick"])
+                      ])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["visible", "onUpdate:visible"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["data"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=OperateButtonForm.vue2.js.map

package/lib/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperateButtonForm.vue2.js","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/OperateButtonForm.vue"],"sourcesContent":["<template>\r\n  <gm-drawer v-model=\"isShowDrawer\" title=\"自定义按钮\" direction=\"rtl\" size=\"500px\" 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-leading-[40px] gm-text-[#777]\"\r\n    >\r\n      <div class=\"gm-flex gm-items-center\">\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        <b class=\"gm-ml-3 gm-text-orange-400\">点击按钮可修改当前按钮颜色！</b>\r\n      </div>\r\n    </section>\r\n    <gm-table :data=\"clonedCustomBtnList\" :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: OperateButtonProps }\">\r\n          <gm-checkbox v-model=\"row.isShow\" />\r\n        </template>\r\n      </gm-table-column>\r\n      <gm-table-column label=\"按钮\">\r\n        <template #default=\"{ row, $index }: { row: OperateButtonProps; $index: number }\">\r\n          <gm-popover v-model:visible=\"popoverVisibles[$index]\" placement=\"bottom\" :width=\"330\" trigger=\"click\">\r\n            <template #reference>\r\n              <gm-button :type=\"row.type || 'primary'\" link size=\"small\">\r\n                {{ row.label }}\r\n              </gm-button>\r\n            </template>\r\n            <div class=\"p-1\">\r\n              <div class=\"text-[14px] gm-mb-2\">点击下列色块可修改按钮颜色</div>\r\n              <gm-button type=\"primary\" size=\"small\" @click=\"setBtnType(row, $index, 'primary')\"> 蓝色 </gm-button>\r\n              <gm-button type=\"success\" size=\"small\" @click=\"setBtnType(row, $index, 'success')\"> 绿色 </gm-button>\r\n              <gm-button type=\"info\" size=\"small\" @click=\"setBtnType(row, $index, 'info')\"> 灰色 </gm-button>\r\n              <gm-button type=\"warning\" size=\"small\" @click=\"setBtnType(row, $index, 'warning')\"> 橙色 </gm-button>\r\n              <gm-button type=\"danger\" size=\"small\" @click=\"setBtnType(row, $index, 'danger')\"> 红色 </gm-button>\r\n            </div>\r\n          </gm-popover>\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=\"onSubmit\">保存</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 { useCustomSettingsStore } from '@giime/hooks';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { useCloned } from '@vueuse/core';\r\nimport { type CheckboxValueType } from 'element-plus';\r\nimport { operateButtonFormProps } from './operateButtonForm';\r\nimport type { OperateButtonProps } from '../operateButton';\r\n\r\ndefineOptions({\r\n  name: 'GmOperateButtonForm',\r\n});\r\n/**\r\n * 抽屉显示\r\n */\r\nconst isShowDrawer = defineModel<boolean>('isShowDrawer', {\r\n  required: true,\r\n});\r\n/**\r\n * 自定义按钮 props列表\r\n */\r\nconst customBtnPropsList = defineModel<OperateButtonProps[]>('customBtnPropsList', {\r\n  required: true,\r\n});\r\n\r\nconst props = defineProps(operateButtonFormProps);\r\nconst customSettingsStore = useCustomSettingsStore();\r\n\r\n/**\r\n * 数据是否初始化完成\r\n */\r\nconst isInited = ref(false);\r\n/**内部克隆一份，当点击保存时 应用修改的内容 */\r\nconst { cloned: clonedCustomBtnList } = useCloned(customBtnPropsList);\r\n\r\nconst defaultPropsList = computed(() => cloneDeep(props.customDefaultPropsList));\r\n// 按钮弹出框显示隐藏\r\nconst popoverVisibles = ref<boolean[]>(defaultPropsList.value.map(() => false));\r\n//  根据props列表  初始化popo显示隐藏\r\nwatch(defaultPropsList, () => {\r\n  popoverVisibles.value = defaultPropsList.value.map(() => false);\r\n});\r\n\r\n// 重新打开弹窗时， 克隆一份新数据\r\nwatch(isShowDrawer, newValue => {\r\n  if (newValue) {\r\n    clonedCustomBtnList.value = cloneDeep(customBtnPropsList.value);\r\n  }\r\n});\r\n\r\nconst customSettingsValue = computed<OperateButtonProps[]>(() => customSettingsStore.customSettings[props.keyWord]?.[props.type] || []);\r\nconst { cloned: clonedStore } = useCloned(customSettingsValue);\r\n\r\nconst updateOperate = () => {\r\n  customBtnPropsList.value = clonedCustomBtnList.value;\r\n};\r\n\r\nconst initOperate = async () => {\r\n  await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  clonedCustomBtnList.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.type = findItem.type;\r\n    }\r\n    return it;\r\n  });\r\n\r\n  updateOperate();\r\n  isInited.value = true;\r\n};\r\n\r\n// 已选中条数\r\nconst checkedNumber = computed(() => {\r\n  return clonedCustomBtnList.value.filter(v => v.isShow).length;\r\n});\r\n// 全选\r\nconst checkedAll = computed(() => clonedCustomBtnList.value.every(v => v.isShow));\r\n// 半选\r\nconst isIndeterminate = computed(() => !checkedAll.value && clonedCustomBtnList.value.some(v => v.isShow));\r\n// 切换全选\r\nconst handleCheckAllChange = (val: CheckboxValueType) => {\r\n  clonedCustomBtnList.value.forEach(v => {\r\n    v.isShow = Boolean(val);\r\n  });\r\n};\r\n\r\n// 设置按钮颜色\r\nconst setBtnType = (item: OperateButtonProps, index: number, type: OperateButtonProps['type']) => {\r\n  item.type = type;\r\n  popoverVisibles.value[index] = false;\r\n};\r\n\r\nconst submitLoading = ref(false);\r\n// 保存\r\nconst onSubmit = 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(clonedCustomBtnList.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    updateOperate();\r\n  } catch (e) {\r\n    console.error(e);\r\n    submitLoading.value = false;\r\n  }\r\n};\r\n\r\n// 重置\r\nconst onReset = () => {\r\n  clonedCustomBtnList.value = cloneDeep(props.customDefaultPropsList);\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\nonMounted(() => {\r\n  initOperate();\r\n});\r\ndefineExpose({\r\n  isInited,\r\n});\r\n</script>\r\n"],"names":["_useModel","useCustomSettingsStore","ref","useCloned","computed","cloneDeep","watch","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,IAAM,MAAA,YAAA,GAAeA,YAAqB,CAAA,OAAA,EAAA,cAEzC,CAAA,CAAA;AAID,IAAM,MAAA,kBAAA,GAAqBA,YAAiC,CAAA,OAAA,EAAC,oBAE5D,CAAA,CAAA;AAED,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,sBAAsBC,4BAAuB,EAAA,CAAA;AAKnD,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA,CAAA;AAE1B,IAAA,MAAM,EAAE,MAAA,EAAQ,mBAAoB,EAAA,GAAIC,eAAU,kBAAkB,CAAA,CAAA;AAEpE,IAAA,MAAM,mBAAmBC,YAAS,CAAA,MAAMC,kBAAU,CAAA,KAAA,CAAM,sBAAsB,CAAC,CAAA,CAAA;AAE/E,IAAA,MAAM,kBAAkBH,OAAe,CAAA,gBAAA,CAAiB,MAAM,GAAI,CAAA,MAAM,KAAK,CAAC,CAAA,CAAA;AAE9E,IAAAI,SAAA,CAAM,kBAAkB,MAAM;AAC5B,MAAA,eAAA,CAAgB,KAAQ,GAAA,gBAAA,CAAiB,KAAM,CAAA,GAAA,CAAI,MAAM,KAAK,CAAA,CAAA;AAAA,KAC/D,CAAA,CAAA;AAGD,IAAAA,SAAA,CAAM,cAAc,CAAY,QAAA,KAAA;AAC9B,MAAA,IAAI,QAAU,EAAA;AACZ,QAAoB,mBAAA,CAAA,KAAA,GAAQD,kBAAU,CAAA,kBAAA,CAAmB,KAAK,CAAA,CAAA;AAAA,OAChE;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,mBAAsB,GAAAD,YAAA,CAA+B,MAAM,mBAAA,CAAoB,cAAe,CAAA,KAAA,CAAM,OAAO,CAAA,GAAI,KAAM,CAAA,IAAI,CAAK,IAAA,EAAE,CAAA,CAAA;AACtI,IAAA,MAAM,EAAE,MAAA,EAAQ,WAAY,EAAA,GAAID,eAAU,mBAAmB,CAAA,CAAA;AAE7D,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,kBAAA,CAAmB,QAAQ,mBAAoB,CAAA,KAAA,CAAA;AAAA,KACjD,CAAA;AAEA,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,MAAM,mBAAoB,CAAA,iBAAA,CAAkB,EAAE,QAAA,EAAU,MAAM,OAAS,EAAA,IAAA,EAAM,KAAM,CAAA,IAAA,EAAQ,EAAA,EAAE,YAAc,EAAA,IAAI,CAAA,CAAA;AAC/G,MAAA,mBAAA,CAAoB,KAAQ,GAAA,gBAAA,CAAiB,KAAM,CAAA,GAAA,CAAI,CAAM,EAAA,KAAA;AAC3D,QAAM,MAAA,QAAA,GAAW,YAAY,KAAM,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,IAAA,KAAS,GAAG,IAAI,CAAA,CAAA;AAC/D,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,EAAA,CAAG,SAAS,QAAS,CAAA,MAAA,CAAA;AACrB,UAAA,EAAA,CAAG,OAAO,QAAS,CAAA,IAAA,CAAA;AAAA,SACrB;AACA,QAAO,OAAA,EAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAED,MAAc,aAAA,EAAA,CAAA;AACd,MAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,KACnB,CAAA;AAGA,IAAM,MAAA,aAAA,GAAgBC,aAAS,MAAM;AACnC,MAAA,OAAO,oBAAoB,KAAM,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,MAAM,CAAE,CAAA,MAAA,CAAA;AAAA,KACxD,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAaA,aAAS,MAAM,mBAAA,CAAoB,MAAM,KAAM,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AAEhF,IAAA,MAAM,eAAkB,GAAAA,YAAA,CAAS,MAAM,CAAC,UAAW,CAAA,KAAA,IAAS,mBAAoB,CAAA,KAAA,CAAM,IAAK,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,MAAM,CAAC,CAAA,CAAA;AAEzG,IAAM,MAAA,oBAAA,GAAuB,CAAC,GAA2B,KAAA;AACvD,MAAoB,mBAAA,CAAA,KAAA,CAAM,QAAQ,CAAK,CAAA,KAAA;AACrC,QAAE,CAAA,CAAA,MAAA,GAAS,QAAQ,GAAG,CAAA,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH,CAAA;AAGA,IAAA,MAAM,UAAa,GAAA,CAAC,IAA0B,EAAA,KAAA,EAAe,IAAqC,KAAA;AAChG,MAAA,IAAA,CAAK,IAAO,GAAA,IAAA,CAAA;AACZ,MAAgB,eAAA,CAAA,KAAA,CAAM,KAAK,CAAI,GAAA,KAAA,CAAA;AAAA,KACjC,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgBF,QAAI,KAAK,CAAA,CAAA;AAE/B,IAAA,MAAM,WAAW,YAAY;AAC3B,MAAI,IAAA;AACF,QAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AACtB,QAAA,MAAM,EAAE,IAAA,EAAS,GAAA,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,UAC3D,UAAU,KAAM,CAAA,OAAA;AAAA,UAChB,KAAO,EAAA,IAAA,CAAK,SAAU,CAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,UAC/C,MAAM,KAAM,CAAA,IAAA;AAAA,SACb,CAAA,CAAA;AACD,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AACtB,QAAI,IAAA,IAAA,CAAK,SAAS,CAAG,EAAA;AACnB,UAAA,OAAA;AAAA,SACF;AACA,QAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AACrB,QAAc,aAAA,EAAA,CAAA;AAAA,eACP,CAAG,EAAA;AACV,QAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AACf,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAoB,mBAAA,CAAA,KAAA,GAAQG,kBAAU,CAAA,KAAA,CAAM,sBAAsB,CAAA,CAAA;AAAA,KACpE,CAAA;AAGA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAI,IAAA;AACF,QAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AACtB,QAAA,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,UAC1C,UAAU,KAAM,CAAA,OAAA;AAAA,UAChB,MAAM,KAAM,CAAA,IAAA;AAAA,SACb,CAAA,CAAA;AACD,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,eACf,CAAG,EAAA;AACV,QAAA,OAAA,CAAQ,MAAM,CAAC,CAAA,CAAA;AACf,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAEA,IAAAE,aAAA,CAAU,MAAM;AACd,MAAY,WAAA,EAAA,CAAA;AAAA,KACb,CAAA,CAAA;AACD,IAAa,QAAA,CAAA;AAAA,MACX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/operateButton/operateButtonForm/index.d.ts

@@ -0,0 +1,57 @@
+import OperateButtonForm from './OperateButtonForm.vue';
+export declare const GmOperateButtonForm: import("../../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    customBtnPropsList: {
+        required: true;
+        type: import("vue").PropType<import("../operateButton.js").OperateButtonProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    customDefaultPropsList: {
+        type: import("vue").PropType<import("../operateButton.js").OperateButtonProps[]>;
+        default: () => never[];
+    };
+}, {
+    isInited: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isShowDrawer": (isShowDrawer: boolean) => void;
+    "update:customBtnPropsList": (customBtnPropsList: import("../operateButton.js").OperateButtonProps[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowDrawer: {
+        required: true;
+        type: import("vue").PropType<boolean>;
+    };
+    customBtnPropsList: {
+        required: true;
+        type: import("vue").PropType<import("../operateButton.js").OperateButtonProps[]>;
+    };
+    keyWord: {
+        type: StringConstructor;
+        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    customDefaultPropsList: {
+        type: import("vue").PropType<import("../operateButton.js").OperateButtonProps[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
+    "onUpdate:customBtnPropsList"?: ((customBtnPropsList: import("../operateButton.js").OperateButtonProps[]) => any) | undefined;
+}, {
+    customDefaultPropsList: import("../operateButton.js").OperateButtonProps[];
+}, {}>> & Record<string, any>;
+export type OperateButtonFormInstance = InstanceType<typeof OperateButtonForm>;
+export * from './operateButtonForm';
+export default GmOperateButtonForm;

package/lib/components/src/composite/operateButton/operateButtonForm/index.js

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

package/lib/components/src/composite/operateButton/operateButtonForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\r\nimport OperateButtonForm from './OperateButtonForm.vue';\r\n\r\nexport const GmOperateButtonForm = withInstall(OperateButtonForm);\r\nexport type OperateButtonFormInstance = InstanceType<typeof OperateButtonForm>;\r\nexport * from './operateButtonForm';\r\nexport default GmOperateButtonForm;\r\n"],"names":["withInstall","OperateButtonForm"],"mappings":";;;;;;;;;AAGa,MAAA,mBAAA,GAAsBA,oBAAYC,yBAAiB;;;;;;"}

package/lib/components/src/composite/operateButton/operateButtonForm/operateButtonForm.d.ts

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

package/lib/components/src/composite/operateButton/operateButtonForm/operateButtonForm.js

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

package/lib/components/src/composite/operateButton/operateButtonForm/operateButtonForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operateButtonForm.js","sources":["../../../../../../../../packages/components/src/composite/operateButton/operateButtonForm/operateButtonForm.ts"],"sourcesContent":["import type { OperateButtonProps } from '../operateButton';\r\nimport type { PropType } from 'vue';\r\n\r\nexport const operateButtonFormProps = {\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  customDefaultPropsList: {\r\n    type: Array as PropType<OperateButtonProps[]>,\r\n    default: () => [],\r\n  },\r\n};\r\n"],"names":[],"mappings":";;AAGO,MAAM,sBAAyB,GAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,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,sBAAwB,EAAA;AAAA,IACtB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF;;;;"}

package/lib/components/src/composite/searchForm/composables/useWatchModelChange.js

@@ -5,6 +5,9 @@ var constants = require('../constants.js');
 
 const useWatchModelChange = (modelValue, options) => {
   const queryParams = vue.inject(constants.queryParamsKey);
+  if (queryParams) {
+    modelValue.value = queryParams.value[options.prop];
+  }
   vue.watch(modelValue, (newValue) => {
     if (queryParams) {
       queryParams.value[options.prop] = newValue;

package/lib/components/src/composite/searchForm/composables/useWatchModelChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWatchModelChange.js","sources":["../../../../../../../../packages/components/src/composite/searchForm/composables/useWatchModelChange.ts"],"sourcesContent":["import { inject, watch } from 'vue';\r\nimport { queryParamsKey } from '../constants';\r\nimport type { ModelRef } from 'vue';\r\n\r\n/**\r\n * 监听modelValue变化 赋值给queryParams\r\n * 用于search-form item 不传v-model\r\n * @param modelValue\r\n * @param options\r\n */\r\nexport const useWatchModelChange = <T>(modelValue: ModelRef<T>, options: { prop: string }) => {\r\n  const queryParams = inject(queryParamsKey);\r\n  watch(modelValue, newValue => {\r\n    if (queryParams) {\r\n      queryParams.value[options.prop] = newValue;\r\n    }\r\n  });\r\n  watch(\r\n    () => queryParams?.value?.[options.prop],\r\n    newValue => {\r\n      modelValue.value = newValue;\r\n    },\r\n  );\r\n};\r\n"],"names":["inject","queryParamsKey","watch"],"mappings":";;;;;AAUa,MAAA,mBAAA,GAAsB,CAAI,UAAA,EAAyB,OAA8B,KAAA;AAC5F,EAAM,MAAA,WAAA,GAAcA,WAAOC,wBAAc,CAAA,CAAA;AACzC,EAAAC,SAAA,CAAM,YAAY,CAAY,QAAA,KAAA;AAC5B,IAAA,IAAI,WAAa,EAAA;AACf,MAAY,WAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAI,GAAA,QAAA,CAAA;AAAA,KACpC;AAAA,GACD,CAAA,CAAA;AACD,EAAAA,SAAA;AAAA,IACE,MAAM,WAAA,EAAa,KAAQ,GAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,IACvC,CAAY,QAAA,KAAA;AACV,MAAA,UAAA,CAAW,KAAQ,GAAA,QAAA,CAAA;AAAA,KACrB;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useWatchModelChange.js","sources":["../../../../../../../../packages/components/src/composite/searchForm/composables/useWatchModelChange.ts"],"sourcesContent":["import { inject, watch } from 'vue';\r\nimport { queryParamsKey } from '../constants';\r\nimport type { ModelRef } from 'vue';\r\n\r\n/**\r\n * 监听modelValue变化 赋值给queryParams\r\n * 用于search-form item 不传v-model\r\n * @param modelValue\r\n * @param options\r\n */\r\nexport const useWatchModelChange = <T>(modelValue: ModelRef<T>, options: { prop: string }) => {\r\n  const queryParams = inject(queryParamsKey);\r\n  if (queryParams) {\r\n    modelValue.value = queryParams.value[options.prop];\r\n  }\r\n  watch(modelValue, newValue => {\r\n    if (queryParams) {\r\n      queryParams.value[options.prop] = newValue;\r\n    }\r\n  });\r\n  watch(\r\n    () => queryParams?.value?.[options.prop],\r\n    newValue => {\r\n      modelValue.value = newValue;\r\n    },\r\n  );\r\n};\r\n"],"names":["inject","queryParamsKey","watch"],"mappings":";;;;;AAUa,MAAA,mBAAA,GAAsB,CAAI,UAAA,EAAyB,OAA8B,KAAA;AAC5F,EAAM,MAAA,WAAA,GAAcA,WAAOC,wBAAc,CAAA,CAAA;AACzC,EAAA,IAAI,WAAa,EAAA;AACf,IAAA,UAAA,CAAW,KAAQ,GAAA,WAAA,CAAY,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,GACnD;AACA,EAAAC,SAAA,CAAM,YAAY,CAAY,QAAA,KAAA;AAC5B,IAAA,IAAI,WAAa,EAAA;AACf,MAAY,WAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAI,GAAA,QAAA,CAAA;AAAA,KACpC;AAAA,GACD,CAAA,CAAA;AACD,EAAAA,SAAA;AAAA,IACE,MAAM,WAAA,EAAa,KAAQ,GAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,IACvC,CAAY,QAAA,KAAA;AACV,MAAA,UAAA,CAAW,KAAQ,GAAA,QAAA,CAAA;AAAA,KACrB;AAAA,GACF,CAAA;AACF;;;;"}

package/lib/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.js

@@ -17,8 +17,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }),
   emits: /* @__PURE__ */ vue.mergeModels(searchFormSelect.searchFormSelectEmits, ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
-    const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
+    const modelValue = vue.useModel(__props, "modelValue");
     const emit = __emit;
     useWatchModelChange.useWatchModelChange(modelValue, { prop: props.prop });
     return (_ctx, _cache) => {

package/lib/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFormSelect.vue2.js","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\">\r\n    <gm-select\r\n      v-model=\"modelValue\"\r\n      :placeholder=\"label\"\r\n      :multiple=\"multiple\"\r\n      filterable\r\n      clearable\r\n      collapse-tags\r\n      collapse-tags-tooltip\r\n      class=\"gm-w-[180px]\"\r\n      @change=\"emit('change', $event)\"\r\n    >\r\n      <gm-option v-for=\"(item, index) in options\" :key=\"index\" :label=\"item.label\" :value=\"item.value\" />\r\n    </gm-select>\r\n  </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\nimport { SearchFormSelectName, searchFormSelectEmits, searchFormSelectProps } from './searchFormSelect';\r\nimport type { SelectProps } from '@giime/components/src/base/select';\r\n\r\ndefineOptions({\r\n  name: SearchFormSelectName,\r\n});\r\nconst modelValue = defineModel<SelectProps['modelValue'] | undefined>();\r\nconst props = defineProps(searchFormSelectProps);\r\nconst emit = defineEmits(searchFormSelectEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n</script>\r\n"],"names":["_useModel","useWatchModelChange"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,IAAM,MAAA,UAAA,GAAaA,YAAmD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AACtE,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchFormSelect.vue2.js","sources":["../../../../../../../../../packages/components/src/composite/searchForm/searchFormItems/select/SearchFormSelect.vue"],"sourcesContent":["<template>\r\n  <gm-form-item :prop=\"prop\">\r\n    <gm-select\r\n      v-model=\"modelValue\"\r\n      :placeholder=\"label\"\r\n      :multiple=\"multiple\"\r\n      filterable\r\n      clearable\r\n      collapse-tags\r\n      collapse-tags-tooltip\r\n      class=\"gm-w-[180px]\"\r\n      @change=\"emit('change', $event)\"\r\n    >\r\n      <gm-option v-for=\"(item, index) in options\" :key=\"index\" :label=\"item.label\" :value=\"item.value\" />\r\n    </gm-select>\r\n  </gm-form-item>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { useWatchModelChange } from '../../composables/useWatchModelChange';\r\nimport { SearchFormSelectName, searchFormSelectEmits, searchFormSelectProps } from './searchFormSelect';\r\nimport type { SelectProps } from '@giime/components/src/base/select';\r\n\r\ndefineOptions({\r\n  name: SearchFormSelectName,\r\n});\r\nconst props = defineProps(searchFormSelectProps);\r\nconst modelValue = defineModel<SelectProps['modelValue'] | undefined>();\r\n\r\nconst emit = defineEmits(searchFormSelectEmits);\r\nuseWatchModelChange(modelValue, { prop: props.prop });\r\n</script>\r\n"],"names":["_useModel","useWatchModelChange"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,UAAA,GAAaA,YAAmD,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAEtE,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAAC,uCAAA,CAAoB,UAAY,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,26 @@
+import type { TableColumnProProps } from './tableColumnPro/tableColumnPro';
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    vnode: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    propsList: {
+        type: PropType<TableColumnProProps[]>;
+        default: () => never[];
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    vnode: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    propsList: {
+        type: PropType<TableColumnProProps[]>;
+        default: () => never[];
+    };
+}>>, {
+    propsList: TableColumnProProps[];
+}, {}>;
+export default _default;

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

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var tableHelper = require('./tableHelper.js');
+
+var TableColumnVNodeRenderer = /* @__PURE__ */ vue.defineComponent({
+  functional: true,
+  props: {
+    // 当前原始vnode vue模板中的attribute
+    vnode: {
+      type: [Object, Array],
+      required: true
+    },
+    // 真实渲染的propsList
+    propsList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(props) {
+    const vnodes = vue.computed(() => tableHelper.getVnodesByGmName(Array.isArray(props.vnode) ? props.vnode : [props.vnode], "GmTableColumnPro"));
+    const res = vue.computed(() => props.propsList.filter((props2) => props2.isShow && props2.type !== "edit").map((props2) => {
+      const findVnode = vnodes.value.find((it) => it.props.prop === props2.prop);
+      findVnode.props = {
+        ...findVnode.props,
+        width: props2.width,
+        label: props2.label
+        // type: props.type,
+      };
+      return findVnode;
+    }));
+    const render = vue.computed(() => {
+      return res.value.map((it) => vue.h(it));
+    });
+    return () => render.value;
+  }
+});
+
+exports.default = TableColumnVNodeRenderer;
+//# sourceMappingURL=TableColumnVNodeRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnVNodeRenderer.js","sources":["../../../../../../../packages/components/src/composite/tablePro/TableColumnVNodeRenderer.tsx"],"sourcesContent":["// MyVNodeRenderer.js\r\nimport { computed, defineComponent, h } from 'vue';\r\nimport { getVnodesByGmName } from './tableHelper';\r\nimport type { TableColumnProProps } from './tableColumnPro/tableColumnPro';\r\nimport type { PropType } from 'vue';\r\nexport default defineComponent({\r\n  functional: true,\r\n  props: {\r\n    // 当前原始vnode vue模板中的attribute\r\n    vnode: {\r\n      type: [Object, Array],\r\n      required: true,\r\n    },\r\n    // 真实渲染的propsList\r\n    propsList: {\r\n      type: Array as PropType<TableColumnProProps[]>,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props) {\r\n    const vnodes = computed(() => getVnodesByGmName(Array.isArray(props.vnode) ? props.vnode : [props.vnode], 'GmTableColumnPro'));\r\n    const res = computed(() =>\r\n      props.propsList\r\n        .filter(props => props.isShow && props.type !== 'edit')\r\n        .map(props => {\r\n          const findVnode = vnodes.value.find(it => it.props.prop === props.prop);\r\n          findVnode.props = {\r\n            ...findVnode.props,\r\n            width: props.width,\r\n            label: props.label,\r\n            // type: props.type,\r\n          };\r\n          // findVnode.props.label = props.label;\r\n          // findVnode.props.type = props.type;\r\n          return findVnode;\r\n        }),\r\n    );\r\n    const render = computed(() => {\r\n      return res.value.map(it => h(it));\r\n    });\r\n    return () => render.value;\r\n  },\r\n});\r\n"],"names":["defineComponent","functional","props","vnode","type","Object","Array","required","propsList","default","setup","vnodes","computed","getVnodesByGmName","isArray","res","filter","isShow","map","findVnode","value","find","it","prop","width","label","render","h"],"mappings":";;;;;;;AAKA,+CAA+BA,mBAAA,CAAA;AAAA,EAC7BC,UAAY,EAAA,IAAA;AAAA,EACZC,KAAO,EAAA;AAAA;AAAA,IAELC,KAAO,EAAA;AAAA,MACLC,IAAAA,EAAM,CAACC,MAAAA,EAAQC,KAAK,CAAA;AAAA,MACpBC,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA;AAAA,IAEAC,SAAW,EAAA;AAAA,MACTJ,IAAME,EAAAA,KAAAA;AAAAA,MACNG,OAAAA,EAASA,MAAM,EAAA;AAAA,KACjB;AAAA,GACF;AAAA,EACAC,MAAMR,KAAO,EAAA;AACX,IAAA,MAAMS,SAASC,YAAS,CAAA,MAAMC,6BAAkBP,CAAAA,KAAAA,CAAMQ,QAAQZ,KAAMC,CAAAA,KAAK,CAAID,GAAAA,KAAAA,CAAMC,QAAQ,CAACD,KAAAA,CAAMC,KAAK,CAAA,EAAG,kBAAkB,CAAC,CAAA,CAAA;AAC7H,IAAA,MAAMY,MAAMH,YAAS,CAAA,MACnBV,KAAMM,CAAAA,SAAAA,CACHQ,OAAOd,CAAAA,MAAAA,KAASA,MAAMe,CAAAA,MAAAA,IAAUf,OAAME,IAAS,KAAA,MAAM,CACrDc,CAAAA,GAAAA,CAAIhB,CAAAA,MAAS,KAAA;AACZ,MAAMiB,MAAAA,SAAAA,GAAYR,OAAOS,KAAMC,CAAAA,IAAAA,CAAKC,QAAMA,EAAGpB,CAAAA,KAAAA,CAAMqB,IAASrB,KAAAA,MAAAA,CAAMqB,IAAI,CAAA,CAAA;AACtEJ,MAAAA,SAAAA,CAAUjB,KAAQ,GAAA;AAAA,QAChB,GAAGiB,SAAUjB,CAAAA,KAAAA;AAAAA,QACbsB,OAAOtB,MAAMsB,CAAAA,KAAAA;AAAAA,QACbC,OAAOvB,MAAMuB,CAAAA,KAAAA;AAAAA;AAAAA,OAEf,CAAA;AAGA,MAAON,OAAAA,SAAAA,CAAAA;AAAAA,KACR,CACL,CAAA,CAAA;AACA,IAAMO,MAAAA,MAAAA,GAASd,aAAS,MAAM;AAC5B,MAAA,OAAOG,IAAIK,KAAMF,CAAAA,GAAAA,CAAII,CAAMK,EAAAA,KAAAA,KAAAA,CAAEL,EAAE,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AACD,IAAA,OAAO,MAAMI,MAAON,CAAAA,KAAAA,CAAAA;AAAAA,GACtB;AACF,CAAC,CAAA;;;;"}