giime 0.4.0 → 0.4.2

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

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<TableColumnProProps[]>;
         default: () => never[];
     };
+    disabledRemoteCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isInited: import("vue").Ref<boolean>;
     submitSettings: (options?: {
@@ -51,11 +55,16 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<TableColumnProProps[]>;
         default: () => never[];
     };
+    disabledRemoteCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
     "onUpdate:colPropsList"?: ((colPropsList: TableColumnProProps[]) => any) | undefined;
     onUpdateColumns?: (() => any) | undefined;
 }, {
     colDefaultPropsList: TableColumnProProps[];
+    disabledRemoteCol: boolean;
 }, {}>;
 export default _default;

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

@@ -139,7 +139,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue.onMounted(() => {
-      initColumns();
+      if (props.disabledRemoteCol) {
+        isInited.value = true;
+      } else {
+        initColumns();
+      }
     });
     __expose({
       isInited,
@@ -163,62 +167,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         size: "600px",
         "append-to-body": "",
         "destroy-on-close": ""
-      }, {
-        footer: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_6, [
-            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: _cache[1] || (_cache[1] = ($event) => submitSettings())
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u4FDD\u5B58")
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["loading"])
-            ])
-          ])
-        ]),
+      }, vue.createSlots({
         default: vue.withCtx(() => [
           vue.createElementVNode("section", _hoisted_1, [
             vue.createElementVNode("div", _hoisted_2, [
@@ -363,9 +312,69 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             /* STABLE */
           }, 8, ["data"])
         ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["modelValue"]);
+        _: 2
+        /* DYNAMIC */
+      }, [
+        !_ctx.disabledRemoteCol ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_6, [
+              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: _cache[1] || (_cache[1] = ($event) => submitSettings())
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("\u4FDD\u5B58")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["loading"])
+              ])
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue"]);
     };
   }
 });

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

@@ -1 +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><InfoFilled /></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-column label=\"固定\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps; $index: number }\">\r\n          <div v-if=\"row.type !== 'edit'\">\r\n            <gm-tooltip effect=\"dark\" content=\"固定在左侧\" placement=\"top\">\r\n              <gm-icon\r\n                class=\"gm-mr-2 gm-cursor-pointer\"\r\n                :class=\"row.fixed === '' || row.fixed === true || row.fixed === 'left' ? 'gm-text-blue-500' : ''\"\r\n                size=\"20\"\r\n                @click=\"toggleFixedLeft(row)\"\r\n              >\r\n                <IceCreamRound />\r\n              </gm-icon>\r\n            </gm-tooltip>\r\n            <gm-tooltip effect=\"dark\" content=\"固定在右侧\" placement=\"top\">\r\n              <gm-icon\r\n                class=\"-gm-scale-x-100 gm-cursor-pointer\"\r\n                :class=\"row.fixed === 'right' ? 'gm-text-blue-500' : ''\"\r\n                size=\"20\"\r\n                @click=\"toggleFixedRight(row)\"\r\n              >\r\n                <IceCreamRound />\r\n              </gm-icon>\r\n            </gm-tooltip>\r\n          </div>\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 { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { isNil } from '@giime/utils/src/is';\r\nimport { IceCreamRound, InfoFilled } from '@element-plus/icons-vue';\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\n\r\nconst props = defineProps(tableHeaderFormProps);\r\nconst emit = defineEmits([\"updateColumns\"]);\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, sync: syncPropsList } = 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  try {\r\n    await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  } catch {}\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      if (!isNil(findItem.fixed)) {\r\n        it.fixed = findItem.fixed;\r\n      }\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 (options?: { hiddenMessage?: boolean }) => {\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    if (!options?.hiddenMessage) {\r\n      GmMessage.success('保存成功');\r\n    }\r\n    emit('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    GmMessage.success('同步成功');\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\nconst toggleFixedLeft = (row: TableColumnProProps) => {\r\n  if (row.fixed === 'left' || row.fixed === true || row.fixed === '') {\r\n    row.fixed = false;\r\n  } else {\r\n    row.fixed = 'left';\r\n  }\r\n};\r\n// 点击固定到右侧\r\nconst toggleFixedRight = (row: TableColumnProProps) => {\r\n  if (row.fixed === 'right') {\r\n    row.fixed = false;\r\n  } else {\r\n    row.fixed = 'right';\r\n  }\r\n};\r\nonMounted(() => {\r\n  initColumns();\r\n});\r\ndefineExpose({\r\n  isInited,\r\n  submitSettings,\r\n  syncPropsList,\r\n});\r\n</script>\r\n"],"names":["_useModel","useCustomSettingsStore","ref","useCloned","computed","cloneDeep","watch","isNil","GmMessage","onMounted"],"mappings":"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"}
+{"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><InfoFilled /></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-column label=\"固定\">\r\n        <template #default=\"{ row }: { row: TableColumnProProps; $index: number }\">\r\n          <div v-if=\"row.type !== 'edit'\">\r\n            <gm-tooltip effect=\"dark\" content=\"固定在左侧\" placement=\"top\">\r\n              <gm-icon\r\n                class=\"gm-mr-2 gm-cursor-pointer\"\r\n                :class=\"row.fixed === '' || row.fixed === true || row.fixed === 'left' ? 'gm-text-blue-500' : ''\"\r\n                size=\"20\"\r\n                @click=\"toggleFixedLeft(row)\"\r\n              >\r\n                <IceCreamRound />\r\n              </gm-icon>\r\n            </gm-tooltip>\r\n            <gm-tooltip effect=\"dark\" content=\"固定在右侧\" placement=\"top\">\r\n              <gm-icon\r\n                class=\"-gm-scale-x-100 gm-cursor-pointer\"\r\n                :class=\"row.fixed === 'right' ? 'gm-text-blue-500' : ''\"\r\n                size=\"20\"\r\n                @click=\"toggleFixedRight(row)\"\r\n              >\r\n                <IceCreamRound />\r\n              </gm-icon>\r\n            </gm-tooltip>\r\n          </div>\r\n        </template>\r\n      </gm-table-column>\r\n    </gm-table>\r\n    <template v-if=\"!disabledRemoteCol\" #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 { GmMessage } from '@giime/components/src/plugins/message';\r\nimport { cloneDeep } from 'lodash-es';\r\nimport { isNil } from '@giime/utils/src/is';\r\nimport { IceCreamRound, InfoFilled } from '@element-plus/icons-vue';\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\n\r\nconst props = defineProps(tableHeaderFormProps);\r\nconst emit = defineEmits([\"updateColumns\"]);\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, sync: syncPropsList } = 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  try {\r\n    await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  } catch {}\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      if (!isNil(findItem.fixed)) {\r\n        it.fixed = findItem.fixed;\r\n      }\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 (options?: { hiddenMessage?: boolean }) => {\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    if (!options?.hiddenMessage) {\r\n      GmMessage.success('保存成功');\r\n    }\r\n    emit('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    GmMessage.success('同步成功');\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\nconst toggleFixedLeft = (row: TableColumnProProps) => {\r\n  if (row.fixed === 'left' || row.fixed === true || row.fixed === '') {\r\n    row.fixed = false;\r\n  } else {\r\n    row.fixed = 'left';\r\n  }\r\n};\r\n// 点击固定到右侧\r\nconst toggleFixedRight = (row: TableColumnProProps) => {\r\n  if (row.fixed === 'right') {\r\n    row.fixed = false;\r\n  } else {\r\n    row.fixed = 'right';\r\n  }\r\n};\r\nonMounted(() => {\r\n  if (props.disabledRemoteCol) {\r\n    isInited.value = true;\r\n  } else {\r\n    initColumns();\r\n  }\r\n});\r\ndefineExpose({\r\n  isInited,\r\n  submitSettings,\r\n  syncPropsList,\r\n});\r\n</script>\r\n"],"names":["_useModel","useCustomSettingsStore","ref","useCloned","computed","cloneDeep","watch","isNil","GmMessage","onMounted"],"mappings":"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"}

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

@@ -20,6 +20,10 @@ export declare const GmTableHeaderForm: import("../../../../../utils").SFCWithIn
         type: import("vue").PropType<import("../index.js").TableColumnProProps[]>;
         default: () => never[];
     };
+    disabledRemoteCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isInited: import("vue").Ref<boolean>;
     submitSettings: (options?: {
@@ -51,12 +55,17 @@ export declare const GmTableHeaderForm: import("../../../../../utils").SFCWithIn
         type: import("vue").PropType<import("../index.js").TableColumnProProps[]>;
         default: () => never[];
     };
+    disabledRemoteCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
     "onUpdate:colPropsList"?: ((colPropsList: import("../index.js").TableColumnProProps[]) => any) | undefined;
     onUpdateColumns?: (() => any) | undefined;
 }, {
     colDefaultPropsList: import("../index.js").TableColumnProProps[];
+    disabledRemoteCol: boolean;
 }, {}>> & Record<string, any>;
 export type TableHeaderFormInstance = InstanceType<typeof TableHeaderForm>;
 export * from './tableHeaderForm';

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

@@ -19,4 +19,8 @@ export declare const tableHeaderFormProps: {
         type: PropType<TableColumnProProps[]>;
         default: () => never[];
     };
+    disabledRemoteCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

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

@@ -18,6 +18,11 @@ const tableHeaderFormProps = {
   colDefaultPropsList: {
     type: Array,
     default: () => []
+  },
+  // 是否禁用 远程列的配置
+  disabledRemoteCol: {
+    type: Boolean,
+    default: false
   }
 };
 

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

@@ -1 +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;;;;"}
+{"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  disabledRemoteCol: {\r\n    type: Boolean,\r\n    default: false,\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;AAAA;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}

package/lib/components/src/composite/tablePro/tablePagination/TablePagination.vue.d.ts

@@ -98,14 +98,14 @@ declare const _default: import("vue").DefineComponent<{
     onPagination?: ((...args: any[]) => any) | undefined;
 }, {
     small: boolean;
+    layout: string;
     size: "" | "default" | "small" | "large";
     hidden: boolean;
+    page: number;
+    background: boolean;
     pagerCount: number;
-    layout: string;
     pageSizes: number[];
-    background: boolean;
     limit: number;
-    page: number;
     autoScroll: boolean;
 }, {}>;
 export default _default;

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

@@ -99,14 +99,14 @@ export declare const GmTablePagination: import("../../../../../utils").SFCWithIn
     onPagination?: ((...args: any[]) => any) | undefined;
 }, {
     small: boolean;
+    layout: string;
     size: "" | "default" | "small" | "large";
     hidden: boolean;
+    page: number;
+    background: boolean;
     pagerCount: number;
-    layout: string;
     pageSizes: number[];
-    background: boolean;
     limit: number;
-    page: number;
     autoScroll: boolean;
 }, {}>> & Record<string, any>;
 export type TablePaginationInstance = InstanceType<typeof TablePagination>;

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

@@ -46,6 +46,14 @@ export declare const tableProProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    disabledRemoteCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tableId: {
         type: StringConstructor;
     };
@@ -90,7 +98,7 @@ export declare const tableProProps: {
     defaultExpandAll: BooleanConstructor;
     defaultSort: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
+    tooltipOptions: import("vue").PropType<Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "transition" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "enterable" | "showAfter" | "showArrow">> | undefined>;
     spanMethod: import("vue").PropType<((data: {
         row: any;
         rowIndex: number;
@@ -131,7 +139,7 @@ export declare const tableProProps: {
         default: string;
     };
     flexible: BooleanConstructor;
-    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "transition" | "enterable" | "showAfter" | "showArrow">> | undefined>;
+    showOverflowTooltip: import("vue").PropType<boolean | Partial<Pick<import("element-plus").ElTooltipProps, "offset" | "transition" | "appendTo" | "effect" | "placement" | "popperClass" | "popperOptions" | "hideAfter" | "enterable" | "showAfter" | "showArrow">> | undefined>;
 };
 export declare const tableProEmits: {
     select: (...arg: any[]) => boolean;

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

@@ -50,6 +50,16 @@ const tableProProps = {
   disabledResetWidth: {
     type: Boolean,
     default: false
+  },
+  // 是否禁用 远程列的配置
+  disabledRemoteCol: {
+    type: Boolean,
+    default: false
+  },
+  // 是否禁用 远程操作按钮的配置
+  disabledRemoteBtn: {
+    type: Boolean,
+    default: false
   }
 };
 const tableProEmits = {

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

@@ -1 +1 @@
-{"version":3,"file":"tablePro.js","sources":["../../../../../../../packages/components/src/composite/tablePro/tablePro.ts"],"sourcesContent":["import { tableEmits, tableProps } from '@giime/components/src/base';\r\n// import type { Sort } from 'element-plus';\r\n\r\nexport const tableProProps = {\r\n  ...tableProps,\r\n\r\n  headerCellStyle: {\r\n    type: Object,\r\n    default: () => ({ background: '#F5F7FA', color: '#333' }),\r\n  },\r\n  data: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n  selection: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  customHeader: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  customOperate: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  operateWidth: {\r\n    type: Number,\r\n    default: 120,\r\n  },\r\n  operateFixed: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  page: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  autoHeight: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  // 自动计算高度 需要抵消的高度值\r\n  heightOffset: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  // 是否禁用 把设置过minWidth的列设置为补充列\r\n  disabledResetWidth: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n};\r\n\r\nexport const tableProEmits = {\r\n  ...tableEmits,\r\n};\r\nexport interface TableProSortValue {\r\n  field: string;\r\n  order: 'asc' | 'desc';\r\n}\r\n"],"names":["tableProps","tableEmits"],"mappings":";;;;;AAGO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAGA,gBAAA;AAAA,EAEH,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO,EAAE,UAAY,EAAA,SAAA,EAAW,OAAO,MAAO,EAAA,CAAA;AAAA,GACzD;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAGC,gBAAA;AACL;;;;;"}
+{"version":3,"file":"tablePro.js","sources":["../../../../../../../packages/components/src/composite/tablePro/tablePro.ts"],"sourcesContent":["import { tableEmits, tableProps } from '@giime/components/src/base';\r\n// import type { Sort } from 'element-plus';\r\n\r\nexport const tableProProps = {\r\n  ...tableProps,\r\n\r\n  headerCellStyle: {\r\n    type: Object,\r\n    default: () => ({ background: '#F5F7FA', color: '#333' }),\r\n  },\r\n  data: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n  selection: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  customHeader: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  customOperate: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  operateWidth: {\r\n    type: Number,\r\n    default: 120,\r\n  },\r\n  operateFixed: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  page: {\r\n    type: String,\r\n    required: true as const,\r\n  },\r\n  autoHeight: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  // 自动计算高度 需要抵消的高度值\r\n  heightOffset: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  // 是否禁用 把设置过minWidth的列设置为补充列\r\n  disabledResetWidth: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 是否禁用 远程列的配置\r\n  disabledRemoteCol: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  // 是否禁用 远程操作按钮的配置\r\n  disabledRemoteBtn: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n};\r\n\r\nexport const tableProEmits = {\r\n  ...tableEmits,\r\n};\r\nexport interface TableProSortValue {\r\n  field: string;\r\n  order: 'asc' | 'desc';\r\n}\r\n"],"names":["tableProps","tableEmits"],"mappings":";;;;;AAGO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAGA,gBAAA;AAAA,EAEH,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,OAAO,EAAE,UAAY,EAAA,SAAA,EAAW,OAAO,MAAO,EAAA,CAAA;AAAA,GACzD;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAGC,gBAAA;AACL;;;;;"}

package/lib/components/src/plugins/copy/index.d.ts

@@ -1,5 +1,7 @@
+import { useClipboard } from './method';
 export declare const GmCopy: import("../../../../utils").SFCInstallWithContext<(str: string, options?: {
     successMessage?: string | undefined;
     errorMessage?: string | undefined;
 } | undefined) => Promise<void>>;
 export default GmCopy;
+export { useClipboard };

package/lib/components/src/plugins/copy/index.js

@@ -8,6 +8,7 @@ var install = require('../../../../utils/src/vue/install.js');
 
 const GmCopy = install.withInstallFunction(method.handleCopy, "$copy");
 
+exports.useClipboard = method.useClipboard;
 exports.GmCopy = GmCopy;
 exports.default = GmCopy;
 //# sourceMappingURL=index.js.map

package/lib/components/src/plugins/copy/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../packages/components/src/plugins/copy/index.ts"],"sourcesContent":["import { withInstallFunction } from '@giime/utils';\r\nimport { handleCopy } from './method';\r\nexport const GmCopy = withInstallFunction(handleCopy, '$copy');\r\nexport default GmCopy;\r\n"],"names":["withInstallFunction","handleCopy"],"mappings":";;;;;;;;AAEa,MAAA,MAAA,GAASA,2BAAoB,CAAAC,iBAAA,EAAY,OAAO;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../packages/components/src/plugins/copy/index.ts"],"sourcesContent":["import { withInstallFunction } from '@giime/utils';\r\nimport { handleCopy, useClipboard } from './method';\r\nexport const GmCopy = withInstallFunction(handleCopy, '$copy');\r\nexport default GmCopy;\r\n\r\nexport { useClipboard };\r\n"],"names":["withInstallFunction","handleCopy"],"mappings":";;;;;;;;AAEa,MAAA,MAAA,GAASA,2BAAoB,CAAAC,iBAAA,EAAY,OAAO;;;;;;"}

package/lib/components/src/plugins/copy/method.d.ts

@@ -1,4 +1,12 @@
+interface UseClipboardOptions {
+    /** Fixes IE by appending element to body */
+    appendToBody: boolean;
+}
+export declare const useClipboard: (opts?: UseClipboardOptions) => {
+    toClipboard(text: string, container?: HTMLElement): Promise<unknown>;
+};
 export declare const handleCopy: (str: string, options?: {
     successMessage?: string;
     errorMessage?: string;
 }) => Promise<void>;
+export {};

package/lib/components/src/plugins/copy/method.js

@@ -43,4 +43,5 @@ const handleCopy = async (str, options) => {
 };
 
 exports.handleCopy = handleCopy;
+exports.useClipboard = useClipboard;
 //# sourceMappingURL=method.js.map

package/lib/components/src/plugins/copy/method.js.map

@@ -1 +1 @@
-{"version":3,"file":"method.js","sources":["../../../../../../../packages/components/src/plugins/copy/method.ts"],"sourcesContent":["import Clipboard from 'clipboard';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\ninterface UseClipboardOptions {\r\n  /** Fixes IE by appending element to body */\r\n  appendToBody: boolean;\r\n}\r\n\r\nconst useClipboard = (opts?: UseClipboardOptions) => {\r\n  // default appendToBody true\r\n  const appendToBody = opts?.appendToBody === undefined ? true : opts.appendToBody;\r\n  return {\r\n    toClipboard(text: string, container?: HTMLElement) {\r\n      return new Promise((resolve, reject) => {\r\n        // make fake element\r\n        const fakeEl = document.createElement('button');\r\n        // setup a new Clipboard.js\r\n        const clipboard = new Clipboard(fakeEl, {\r\n          text: () => text,\r\n          action: () => 'copy',\r\n          container: container !== undefined ? container : document.body,\r\n        });\r\n        clipboard.on('success', e => {\r\n          clipboard.destroy();\r\n          resolve(e);\r\n        });\r\n        clipboard.on('error', e => {\r\n          clipboard.destroy();\r\n          reject(e);\r\n        });\r\n        // appendToBody fixes IE\r\n        if (appendToBody) document.body.appendChild(fakeEl);\r\n        // simulate click\r\n        fakeEl.click();\r\n        // remove from body if appended\r\n        if (appendToBody) document.body.removeChild(fakeEl);\r\n      });\r\n    },\r\n  };\r\n};\r\n\r\nexport const handleCopy = async (\r\n  str: string,\r\n  options?: {\r\n    successMessage?: string;\r\n    errorMessage?: string;\r\n  },\r\n) => {\r\n  const { toClipboard } = useClipboard();\r\n  // const { copy } = useClipboard({ legacy: true });\r\n  try {\r\n    await toClipboard(str);\r\n    GmMessage.success(options?.successMessage ?? '复制成功');\r\n  } catch (error) {\r\n    console.error(error);\r\n    GmMessage.error(options?.errorMessage ?? '复制失败');\r\n  }\r\n};\r\n"],"names":["GmMessage"],"mappings":";;;;;AAOA,MAAM,YAAA,GAAe,CAAC,IAA+B,KAAA;AAEnD,EAAA,MAAM,YAAe,GAAA,IAAA,EAAM,YAAiB,KAAA,KAAA,CAAA,GAAY,OAAO,IAAK,CAAA,YAAA,CAAA;AACpE,EAAO,OAAA;AAAA,IACL,WAAA,CAAY,MAAc,SAAyB,EAAA;AACjD,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AAEtC,QAAM,MAAA,MAAA,GAAS,QAAS,CAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AAE9C,QAAM,MAAA,SAAA,GAAY,IAAI,SAAA,CAAU,MAAQ,EAAA;AAAA,UACtC,MAAM,MAAM,IAAA;AAAA,UACZ,QAAQ,MAAM,MAAA;AAAA,UACd,SAAW,EAAA,SAAA,KAAc,KAAY,CAAA,GAAA,SAAA,GAAY,QAAS,CAAA,IAAA;AAAA,SAC3D,CAAA,CAAA;AACD,QAAU,SAAA,CAAA,EAAA,CAAG,WAAW,CAAK,CAAA,KAAA;AAC3B,UAAA,SAAA,CAAU,OAAQ,EAAA,CAAA;AAClB,UAAA,OAAA,CAAQ,CAAC,CAAA,CAAA;AAAA,SACV,CAAA,CAAA;AACD,QAAU,SAAA,CAAA,EAAA,CAAG,SAAS,CAAK,CAAA,KAAA;AACzB,UAAA,SAAA,CAAU,OAAQ,EAAA,CAAA;AAClB,UAAA,MAAA,CAAO,CAAC,CAAA,CAAA;AAAA,SACT,CAAA,CAAA;AAED,QAAI,IAAA,YAAA;AAAc,UAAS,QAAA,CAAA,IAAA,CAAK,YAAY,MAAM,CAAA,CAAA;AAElD,QAAA,MAAA,CAAO,KAAM,EAAA,CAAA;AAEb,QAAI,IAAA,YAAA;AAAc,UAAS,QAAA,CAAA,IAAA,CAAK,YAAY,MAAM,CAAA,CAAA;AAAA,OACnD,CAAA,CAAA;AAAA,KACH;AAAA,GACF,CAAA;AACF,CAAA,CAAA;AAEa,MAAA,UAAA,GAAa,OACxB,GAAA,EACA,OAIG,KAAA;AACH,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,YAAa,EAAA,CAAA;AAErC,EAAI,IAAA;AACF,IAAA,MAAM,YAAY,GAAG,CAAA,CAAA;AACrB,IAAUA,eAAA,CAAA,OAAA,CAAQ,OAAS,EAAA,cAAA,IAAkB,0BAAM,CAAA,CAAA;AAAA,WAC5C,KAAO,EAAA;AACd,IAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AACnB,IAAUA,eAAA,CAAA,KAAA,CAAM,OAAS,EAAA,YAAA,IAAgB,0BAAM,CAAA,CAAA;AAAA,GACjD;AACF;;;;"}
+{"version":3,"file":"method.js","sources":["../../../../../../../packages/components/src/plugins/copy/method.ts"],"sourcesContent":["import Clipboard from 'clipboard';\r\nimport { GmMessage } from '@giime/components/src/plugins/message';\r\ninterface UseClipboardOptions {\r\n  /** Fixes IE by appending element to body */\r\n  appendToBody: boolean;\r\n}\r\n\r\nexport const useClipboard = (opts?: UseClipboardOptions) => {\r\n  // default appendToBody true\r\n  const appendToBody = opts?.appendToBody === undefined ? true : opts.appendToBody;\r\n  return {\r\n    toClipboard(text: string, container?: HTMLElement) {\r\n      return new Promise((resolve, reject) => {\r\n        // make fake element\r\n        const fakeEl = document.createElement('button');\r\n        // setup a new Clipboard.js\r\n        const clipboard = new Clipboard(fakeEl, {\r\n          text: () => text,\r\n          action: () => 'copy',\r\n          container: container !== undefined ? container : document.body,\r\n        });\r\n        clipboard.on('success', e => {\r\n          clipboard.destroy();\r\n          resolve(e);\r\n        });\r\n        clipboard.on('error', e => {\r\n          clipboard.destroy();\r\n          reject(e);\r\n        });\r\n        // appendToBody fixes IE\r\n        if (appendToBody) document.body.appendChild(fakeEl);\r\n        // simulate click\r\n        fakeEl.click();\r\n        // remove from body if appended\r\n        if (appendToBody) document.body.removeChild(fakeEl);\r\n      });\r\n    },\r\n  };\r\n};\r\n\r\nexport const handleCopy = async (\r\n  str: string,\r\n  options?: {\r\n    successMessage?: string;\r\n    errorMessage?: string;\r\n  },\r\n) => {\r\n  const { toClipboard } = useClipboard();\r\n  // const { copy } = useClipboard({ legacy: true });\r\n  try {\r\n    await toClipboard(str);\r\n    GmMessage.success(options?.successMessage ?? '复制成功');\r\n  } catch (error) {\r\n    console.error(error);\r\n    GmMessage.error(options?.errorMessage ?? '复制失败');\r\n  }\r\n};\r\n"],"names":["GmMessage"],"mappings":";;;;;AAOa,MAAA,YAAA,GAAe,CAAC,IAA+B,KAAA;AAE1D,EAAA,MAAM,YAAe,GAAA,IAAA,EAAM,YAAiB,KAAA,KAAA,CAAA,GAAY,OAAO,IAAK,CAAA,YAAA,CAAA;AACpE,EAAO,OAAA;AAAA,IACL,WAAA,CAAY,MAAc,SAAyB,EAAA;AACjD,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AAEtC,QAAM,MAAA,MAAA,GAAS,QAAS,CAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AAE9C,QAAM,MAAA,SAAA,GAAY,IAAI,SAAA,CAAU,MAAQ,EAAA;AAAA,UACtC,MAAM,MAAM,IAAA;AAAA,UACZ,QAAQ,MAAM,MAAA;AAAA,UACd,SAAW,EAAA,SAAA,KAAc,KAAY,CAAA,GAAA,SAAA,GAAY,QAAS,CAAA,IAAA;AAAA,SAC3D,CAAA,CAAA;AACD,QAAU,SAAA,CAAA,EAAA,CAAG,WAAW,CAAK,CAAA,KAAA;AAC3B,UAAA,SAAA,CAAU,OAAQ,EAAA,CAAA;AAClB,UAAA,OAAA,CAAQ,CAAC,CAAA,CAAA;AAAA,SACV,CAAA,CAAA;AACD,QAAU,SAAA,CAAA,EAAA,CAAG,SAAS,CAAK,CAAA,KAAA;AACzB,UAAA,SAAA,CAAU,OAAQ,EAAA,CAAA;AAClB,UAAA,MAAA,CAAO,CAAC,CAAA,CAAA;AAAA,SACT,CAAA,CAAA;AAED,QAAI,IAAA,YAAA;AAAc,UAAS,QAAA,CAAA,IAAA,CAAK,YAAY,MAAM,CAAA,CAAA;AAElD,QAAA,MAAA,CAAO,KAAM,EAAA,CAAA;AAEb,QAAI,IAAA,YAAA;AAAc,UAAS,QAAA,CAAA,IAAA,CAAK,YAAY,MAAM,CAAA,CAAA;AAAA,OACnD,CAAA,CAAA;AAAA,KACH;AAAA,GACF,CAAA;AACF,EAAA;AAEa,MAAA,UAAA,GAAa,OACxB,GAAA,EACA,OAIG,KAAA;AACH,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,YAAa,EAAA,CAAA;AAErC,EAAI,IAAA;AACF,IAAA,MAAM,YAAY,GAAG,CAAA,CAAA;AACrB,IAAUA,eAAA,CAAA,OAAA,CAAQ,OAAS,EAAA,cAAA,IAAkB,0BAAM,CAAA,CAAA;AAAA,WAC5C,KAAO,EAAA;AACd,IAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AACnB,IAAUA,eAAA,CAAA,KAAA,CAAM,OAAS,EAAA,YAAA,IAAgB,0BAAM,CAAA,CAAA;AAAA,GACjD;AACF;;;;;"}

package/lib/components/src/plugins/index.js

@@ -6,6 +6,7 @@ var index$2 = require('./messageBox/index.js');
 var index$3 = require('./notification/index.js');
 var index$4 = require('./copy/index.js');
 var index$5 = require('./confirmBox/index.js');
+var method = require('./copy/method.js');
 
 
 
@@ -15,4 +16,5 @@ exports.GmMessageBox = index$2.GmMessageBox;
 exports.GmNotification = index$3.GmNotification;
 exports.GmCopy = index$4.GmCopy;
 exports.GmConfirmBox = index$5.GmConfirmBox;
+exports.useClipboard = method.useClipboard;
 //# sourceMappingURL=index.js.map

package/lib/components/src/plugins/index.js.map

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

package/lib/constants/key.d.ts

@@ -6,6 +6,7 @@ export interface ConfigProviderContext {
     env: ImportMetaEnv;
     router?: Router;
     disabledLoginDialog?: boolean;
+    disabledRectSelect?: boolean;
     loginDialog?: ExtractPropTypes<typeof loginDialogProps>;
     /**对消息进行配置 */
     message?: {

package/lib/constants/key.js.map

@@ -1 +1 @@
-{"version":3,"file":"key.js","sources":["../../../../packages/constants/key.ts"],"sourcesContent":["import type { Router } from 'vue-router';\r\nimport type { loginDialogProps } from '@giime/components/src/business/loginDialog/loginDialog';\r\nimport type { ExtractPropTypes, InjectionKey, Ref } from 'vue';\r\nexport interface ConfigProviderContext {\r\n  // 用户端环境变量\r\n  env: ImportMetaEnv;\r\n  //   用户端路由\r\n  router?: Router;\r\n  disabledLoginDialog?: boolean;\r\n  loginDialog?: ExtractPropTypes<typeof loginDialogProps>;\r\n  /**对消息进行配置 */\r\n  message?: {\r\n    plain?: boolean;\r\n  };\r\n}\r\n\r\nexport const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>> = Symbol();\r\n\r\nexport const INSTALLED_KEY = Symbol('INSTALLED_KEY');\r\nexport const ImportMetaEnvKey: InjectionKey<ImportMetaEnv> = Symbol('ImportMetaEnvKey');\r\n"],"names":[],"mappings":";;AAgBO,MAAM,2BAAqE,MAAO,GAAA;AAE5E,MAAA,aAAA,GAAgB,OAAO,eAAe,EAAA;AACtC,MAAA,gBAAA,GAAgD,OAAO,kBAAkB;;;;;;"}
+{"version":3,"file":"key.js","sources":["../../../../packages/constants/key.ts"],"sourcesContent":["import type { Router } from 'vue-router';\r\nimport type { loginDialogProps } from '@giime/components/src/business/loginDialog/loginDialog';\r\nimport type { ExtractPropTypes, InjectionKey, Ref } from 'vue';\r\nexport interface ConfigProviderContext {\r\n  // 用户端环境变量\r\n  env: ImportMetaEnv;\r\n  //   用户端路由\r\n  router?: Router;\r\n  disabledLoginDialog?: boolean;\r\n  disabledRectSelect?: boolean;\r\n  loginDialog?: ExtractPropTypes<typeof loginDialogProps>;\r\n  /**对消息进行配置 */\r\n  message?: {\r\n    plain?: boolean;\r\n  };\r\n}\r\n\r\nexport const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>> = Symbol();\r\n\r\nexport const INSTALLED_KEY = Symbol('INSTALLED_KEY');\r\nexport const ImportMetaEnvKey: InjectionKey<ImportMetaEnv> = Symbol('ImportMetaEnvKey');\r\n"],"names":[],"mappings":";;AAiBO,MAAM,2BAAqE,MAAO,GAAA;AAE5E,MAAA,aAAA,GAAgB,OAAO,eAAe,EAAA;AACtC,MAAA,gBAAA,GAAgD,OAAO,kBAAkB;;;;;;"}