giime 0.4.1 → 0.4.2

package/es/components/src/composite/tablePro/tablePro.mjs

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

package/es/components/src/composite/tablePro/tablePro.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tablePro.mjs","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":[],"mappings":";;;AAGO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAG,UAAA;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,GAAG,UAAA;AACL;;;;"}
+{"version":3,"file":"tablePro.mjs","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":[],"mappings":";;;AAGO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAG,UAAA;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,GAAG,UAAA;AACL;;;;"}

package/es/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/es/constants/key.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"key.mjs","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.mjs","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;;;;"}

package/es/giime/makeInstaller.mjs

@@ -15,7 +15,9 @@ const makeInstaller = (components = []) => {
     if (!options.disabledLoginDialog) {
       createLoginDialog();
     }
-    createRectSelect();
+    if (!options.disabledRectSelect) {
+      createRectSelect();
+    }
   };
   return {
     version,

package/es/giime/makeInstaller.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"makeInstaller.mjs","sources":["../../../../packages/giime/makeInstaller.ts"],"sourcesContent":["import { INSTALLED_KEY } from '@giime/constants';\r\nimport { provideGlobalConfig } from '@giime/hooks/base/useGlobalConfig';\r\nimport { createLoginDialog } from '@giime/components/src/business/loginDialog/method';\r\nimport { createRectSelect } from '@giime/components/src/base/rectSelect/createRectSelect';\r\nimport { version } from './version';\r\nimport type { ConfigProviderContext } from '@giime/constants';\r\nimport type { App, Plugin } from '@vue/runtime-core';\r\n\r\nexport const makeInstaller = (components: Plugin[] = []) => {\r\n  const install = (app: App, options: ConfigProviderContext) => {\r\n    if (app[INSTALLED_KEY]) return;\r\n\r\n    app[INSTALLED_KEY] = true;\r\n    // console.log(components);\r\n    components.forEach(c => app.use(c));\r\n    provideGlobalConfig(options, app, true);\r\n    if (!options.disabledLoginDialog) {\r\n      createLoginDialog();\r\n    }\r\n    createRectSelect();\r\n  };\r\n\r\n  return {\r\n    version,\r\n    install,\r\n  };\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,aAAgB,GAAA,CAAC,UAAuB,GAAA,EAAO,KAAA;AAC1D,EAAM,MAAA,OAAA,GAAU,CAAC,GAAA,EAAU,OAAmC,KAAA;AAC5D,IAAA,IAAI,IAAI,aAAa,CAAA;AAAG,MAAA,OAAA;AAExB,IAAA,GAAA,CAAI,aAAa,CAAI,GAAA,IAAA,CAAA;AAErB,IAAA,UAAA,CAAW,OAAQ,CAAA,CAAA,CAAA,KAAK,GAAI,CAAA,GAAA,CAAI,CAAC,CAAC,CAAA,CAAA;AAClC,IAAoB,mBAAA,CAAA,OAAA,EAAS,KAAK,IAAI,CAAA,CAAA;AACtC,IAAI,IAAA,CAAC,QAAQ,mBAAqB,EAAA;AAChC,MAAkB,iBAAA,EAAA,CAAA;AAAA,KACpB;AACA,IAAiB,gBAAA,EAAA,CAAA;AAAA,GACnB,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"makeInstaller.mjs","sources":["../../../../packages/giime/makeInstaller.ts"],"sourcesContent":["import { INSTALLED_KEY } from '@giime/constants';\r\nimport { provideGlobalConfig } from '@giime/hooks/base/useGlobalConfig';\r\nimport { createLoginDialog } from '@giime/components/src/business/loginDialog/method';\r\nimport { createRectSelect } from '@giime/components/src/base/rectSelect/createRectSelect';\r\nimport { version } from './version';\r\nimport type { ConfigProviderContext } from '@giime/constants';\r\nimport type { App, Plugin } from '@vue/runtime-core';\r\n\r\nexport const makeInstaller = (components: Plugin[] = []) => {\r\n  const install = (app: App, options: ConfigProviderContext) => {\r\n    if (app[INSTALLED_KEY]) return;\r\n\r\n    app[INSTALLED_KEY] = true;\r\n    // console.log(components);\r\n    components.forEach(c => app.use(c));\r\n    provideGlobalConfig(options, app, true);\r\n    if (!options.disabledLoginDialog) {\r\n      createLoginDialog();\r\n    }\r\n    if (!options.disabledRectSelect) {\r\n      createRectSelect();\r\n    }\r\n  };\r\n\r\n  return {\r\n    version,\r\n    install,\r\n  };\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,aAAgB,GAAA,CAAC,UAAuB,GAAA,EAAO,KAAA;AAC1D,EAAM,MAAA,OAAA,GAAU,CAAC,GAAA,EAAU,OAAmC,KAAA;AAC5D,IAAA,IAAI,IAAI,aAAa,CAAA;AAAG,MAAA,OAAA;AAExB,IAAA,GAAA,CAAI,aAAa,CAAI,GAAA,IAAA,CAAA;AAErB,IAAA,UAAA,CAAW,OAAQ,CAAA,CAAA,CAAA,KAAK,GAAI,CAAA,GAAA,CAAI,CAAC,CAAC,CAAA,CAAA;AAClC,IAAoB,mBAAA,CAAA,OAAA,EAAS,KAAK,IAAI,CAAA,CAAA;AACtC,IAAI,IAAA,CAAC,QAAQ,mBAAqB,EAAA;AAChC,MAAkB,iBAAA,EAAA,CAAA;AAAA,KACpB;AACA,IAAI,IAAA,CAAC,QAAQ,kBAAoB,EAAA;AAC/B,MAAiB,gBAAA,EAAA,CAAA;AAAA,KACnB;AAAA,GACF,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/es/giime/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.4.1";
+export declare const version = "0.4.2";

package/es/index.css

@@ -773,11 +773,6 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
-
-.gm-range-number .el-form-item[data-v-11c39847] {
-  margin: 0;
-}
-
 .gm-flex-center[data-v-2a79bac9] {
   align-items: center;
 }
@@ -785,24 +780,6 @@ video {
 .gm-flex-justify-between[data-v-2a79bac9] {
   justify-content: space-between;
 }
-.gm-number-interval-single[data-v-47a13fd0] {
-  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
-  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
-}
-.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
-  box-shadow: none;
-  background: none;
-}
-
-.gm-number-interval-close[data-v-47a13fd0] {
-  display: none;
-  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
-}
-
-.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
-  display: flex;
-}
 .circular[data-v-b391445c] {
   animation: loading-rotate-b391445c 2s linear infinite;
 }
@@ -834,31 +811,36 @@ video {
     stroke-dashoffset: -120px;
   }
 }
+
+.gm-range-number .el-form-item[data-v-11c39847] {
+  margin: 0;
+}
+
 [data-v-ec3af0bb] .gmSearchForm .el-form-item {
   margin-right: 0;
   margin-bottom: 4px;
 }
-[data-v-72a53f6c] .gmTableNoBorder .el-table__body .el-table__cell {
+[data-v-a0a106bd] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder .el-table__inner-wrapper:before {
+[data-v-a0a106bd] .gmTableNoBorder .el-table__inner-wrapper:before {
   height: 0;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
   height: 0;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border:after {
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:after {
   height: 0;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder.el-table--border:before {
+[data-v-a0a106bd] .gmTableNoBorder.el-table--border:before {
   height: 0;
 }
 
-[data-v-72a53f6c] .gmTableNoBorder .el-table__border-left-patch {
+[data-v-a0a106bd] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
 
@@ -869,3 +851,22 @@ video {
 .pagination-container.hidden[data-v-19230954] {
   display: none;
 }
+
+.gm-number-interval-single[data-v-47a13fd0] {
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
+}
+
+.gm-number-interval-close[data-v-47a13fd0] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+}
+
+.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
+  display: flex;
+}

package/lib/components/src/base/datePicker/DatePicker.vue.d.ts

@@ -4,6 +4,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
         default: "date";
     };
+    shortcuts: {
+        type: ArrayConstructor;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -19,7 +22,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -108,6 +110,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
         default: "date";
     };
+    shortcuts: {
+        type: ArrayConstructor;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -123,7 +128,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -213,7 +217,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     placeholder: string;
     validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-    shortcuts: unknown[];
     arrowControl: boolean;
     unlinkPanels: boolean;
     editable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/src/base/datePicker/DatePicker.vue2.js

@@ -7,6 +7,7 @@ require('../../../../utils/index.js');
 var datePicker = require('./datePicker.js');
 var event = require('../../../../utils/src/elementPlus/event.js');
 var exports$1 = require('../../../../utils/src/elementPlus/exports.js');
+var dateShortcuts = require('../../../../utils/src/date/dateShortcuts.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -23,40 +24,35 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const elRef = vue.ref();
     const exposeEvents = ["focus", "handleOpen", "handleClose"];
     const { exposeFns } = exports$1.getGmExports(elRef, exposeEvents);
+    const shortcutList = vue.computed(() => Array.isArray(props.shortcuts) ? props.shortcuts : dateShortcuts.getDateShortcuts(props.type));
     __expose({
       elRef,
       ...exposeFns
     });
     return (_ctx, _cache) => {
       const _component_el_date_picker = vue.resolveComponent("el-date-picker");
-      return vue.openBlock(), vue.createBlock(
-        _component_el_date_picker,
-        vue.mergeProps({
-          ref_key: "elRef",
-          ref: elRef
-        }, props, vue.toHandlers(vue.unref(elEvents))),
-        vue.createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          vue.unref(slots).default ? {
-            name: "default",
-            fn: vue.withCtx((slotValue) => [
-              vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
-            ]),
-            key: "0"
-          } : void 0,
-          vue.unref(slots)["range-separator"] ? {
-            name: "range-separator",
-            fn: vue.withCtx((slotValue) => [
-              vue.renderSlot(_ctx.$slots, "range-separator", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
-            ]),
-            key: "1"
-          } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      );
+      return vue.openBlock(), vue.createBlock(_component_el_date_picker, vue.mergeProps({
+        ref_key: "elRef",
+        ref: elRef
+      }, props, { shortcuts: shortcutList.value }, vue.toHandlers(vue.unref(elEvents))), vue.createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        vue.unref(slots).default ? {
+          name: "default",
+          fn: vue.withCtx((slotValue) => [
+            vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
+          ]),
+          key: "0"
+        } : void 0,
+        vue.unref(slots)["range-separator"] ? {
+          name: "range-separator",
+          fn: vue.withCtx((slotValue) => [
+            vue.renderSlot(_ctx.$slots, "range-separator", vue.normalizeProps(vue.guardReactiveProps(slotValue)))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["shortcuts"]);
     };
   }
 });

package/lib/components/src/base/datePicker/DatePicker.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.vue2.js","sources":["../../../../../../../packages/components/src/base/datePicker/DatePicker.vue"],"sourcesContent":["<template>\r\n  <el-date-picker ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.default\" #default=\"slotValue\">\r\n      <slot v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots['range-separator']\" #range-separator=\"slotValue\">\r\n      <slot name=\"range-separator\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </el-date-picker>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent, getGmExports } from '@giime/utils';\r\nimport { datePickerEmits, datePickerProps, elDatePickerEmits } from './datePicker';\r\nimport type { DatePickerInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmDatePicker',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(datePickerProps);\r\nconst emit = defineEmits(datePickerEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elDatePickerEmits, emit);\r\n\r\nconst elRef = ref<DatePickerInstance>();\r\nconst exposeEvents = ['focus', 'handleOpen', 'handleClose'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeEvents);\r\ndefineExpose({\r\n  elRef,\r\n  ...exposeFns,\r\n});\r\n</script>\r\n"],"names":["useSlots","getGmEvent","elDatePickerEmits","ref","getGmExports"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAWC,gBAAW,CAAAC,4BAAA,EAAmB,IAAI,CAAA,CAAA;AAEnD,IAAA,MAAM,QAAQC,OAAwB,EAAA,CAAA;AACtC,IAAA,MAAM,YAAe,GAAA,CAAC,OAAS,EAAA,YAAA,EAAc,aAAa,CAAA,CAAA;AAC1D,IAAA,MAAM,EAAE,SAAA,EAAc,GAAAC,sBAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DatePicker.vue2.js","sources":["../../../../../../../packages/components/src/base/datePicker/DatePicker.vue"],"sourcesContent":["<template>\r\n  <el-date-picker ref=\"elRef\" v-bind=\"props\" :shortcuts=\"shortcutList\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.default\" #default=\"slotValue\">\r\n      <slot v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots['range-separator']\" #range-separator=\"slotValue\">\r\n      <slot name=\"range-separator\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </el-date-picker>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { computed, ref, useSlots } from 'vue';\r\nimport { getDateShortcuts, getGmEvent, getGmExports } from '@giime/utils';\r\nimport { datePickerEmits, datePickerProps, elDatePickerEmits } from './datePicker';\r\nimport type { DatePickerInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmDatePicker',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(datePickerProps);\r\nconst emit = defineEmits(datePickerEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elDatePickerEmits, emit);\r\n\r\nconst elRef = ref<DatePickerInstance>();\r\nconst exposeEvents = ['focus', 'handleOpen', 'handleClose'] as const;\r\nconst { exposeFns } = getGmExports(elRef, exposeEvents);\r\nconst shortcutList = computed(() => (Array.isArray(props.shortcuts) ? props.shortcuts : getDateShortcuts(props.type)));\r\ndefineExpose({\r\n  elRef,\r\n  ...exposeFns,\r\n});\r\n</script>\r\n"],"names":["useSlots","getGmEvent","elDatePickerEmits","ref","getGmExports","computed","getDateShortcuts"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAWC,gBAAW,CAAAC,4BAAA,EAAmB,IAAI,CAAA,CAAA;AAEnD,IAAA,MAAM,QAAQC,OAAwB,EAAA,CAAA;AACtC,IAAA,MAAM,YAAe,GAAA,CAAC,OAAS,EAAA,YAAA,EAAc,aAAa,CAAA,CAAA;AAC1D,IAAA,MAAM,EAAE,SAAA,EAAc,GAAAC,sBAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAA,MAAM,YAAe,GAAAC,YAAA,CAAS,MAAO,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAM,SAAS,CAAA,GAAI,KAAM,CAAA,SAAA,GAAYC,8BAAiB,CAAA,KAAA,CAAM,IAAI,CAAE,CAAA,CAAA;AACrH,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/base/datePicker/datePicker.d.ts

@@ -7,6 +7,9 @@ export declare const datePickerProps: {
         type: PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
         default: "date";
     };
+    shortcuts: {
+        type: ArrayConstructor;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -22,7 +25,6 @@ export declare const datePickerProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

package/lib/components/src/base/datePicker/datePicker.js

@@ -7,6 +7,9 @@ const datePickerProps = {
   type: {
     type: String,
     default: "date"
+  },
+  shortcuts: {
+    type: Array
   }
 };
 const elDatePickerEmits = {

package/lib/components/src/base/datePicker/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","sources":["../../../../../../../packages/components/src/base/datePicker/datePicker.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { isString } from '@vue/shared';\r\nimport { datePickerProps as elDatePickerProps } from 'element-plus';\r\nimport type { DatePickType } from 'element-plus';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n// import type { ExtractPropTypes } from 'vue';\r\n\r\nexport type SingleOrRange<T> = T | [T, T];\r\nexport type DateModelType = number | string | Date;\r\nexport type ModelValueType = SingleOrRange<DateModelType>;\r\nexport const datePickerProps = {\r\n  ...elDatePickerProps,\r\n  type: {\r\n    type: String as PropType<DatePickType>,\r\n    default: 'date' as const,\r\n  },\r\n};\r\n\r\n// export const elDatePickerEmits = {\r\n//   'update:modelValue': (value: ModelValueType) => !!value,\r\n//   change: (value: ModelValueType) => !!value,\r\n//   focus: (evt: FocusEvent) => evt instanceof FocusEvent,\r\n//   blur: (evt: FocusEvent) => evt instanceof FocusEvent,\r\n//   'calendar-change': (val: [Date, null | Date]) => !!val,\r\n//   'panel-change': (date: Date | [Date, Date], mode: 'month' | 'year', view?: string) =>\r\n//     date instanceof Date && (mode === 'month' || mode === 'year') && (view === undefined || isString(view)),\r\n//   'visible-change': (visibility: boolean) => typeof visibility === 'boolean',\r\n// };\r\nexport const elDatePickerEmits = {\r\n  'update:modelValue': (...args: any[]) => args,\r\n  change: (...args: any[]) => args,\r\n  focus: (...args: any[]) => args,\r\n  blur: (...args: any[]) => args,\r\n  'calendar-change': (...args: any[]) => args,\r\n  'panel-change': (...args: any[]) => args,\r\n  'visible-change': (...args: any[]) => args,\r\n};\r\nexport const datePickerEmits = {\r\n  ...elDatePickerEmits,\r\n};\r\n\r\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\r\n"],"names":["elDatePickerProps"],"mappings":";;;;AAUO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAGA,2BAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,EAAA;AAYO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,mBAAA,EAAqB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACzC,MAAA,EAAQ,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC5B,KAAA,EAAO,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC3B,IAAA,EAAM,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC1B,iBAAA,EAAmB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACvC,cAAA,EAAgB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACpC,gBAAA,EAAkB,IAAI,IAAgB,KAAA,IAAA;AACxC,EAAA;AACO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAG,iBAAA;AACL;;;;;;"}
+{"version":3,"file":"datePicker.js","sources":["../../../../../../../packages/components/src/base/datePicker/datePicker.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { isString } from '@vue/shared';\r\nimport { datePickerProps as elDatePickerProps } from 'element-plus';\r\nimport type { DatePickType } from 'element-plus';\r\nimport type { ExtractPropTypes, PropType } from 'vue';\r\n// import type { ExtractPropTypes } from 'vue';\r\n\r\nexport type SingleOrRange<T> = T | [T, T];\r\nexport type DateModelType = number | string | Date;\r\nexport type ModelValueType = SingleOrRange<DateModelType>;\r\nexport const datePickerProps = {\r\n  ...elDatePickerProps,\r\n  type: {\r\n    type: String as PropType<DatePickType>,\r\n    default: 'date' as const,\r\n  },\r\n  shortcuts: {\r\n    type: Array,\r\n  },\r\n};\r\n\r\n// export const elDatePickerEmits = {\r\n//   'update:modelValue': (value: ModelValueType) => !!value,\r\n//   change: (value: ModelValueType) => !!value,\r\n//   focus: (evt: FocusEvent) => evt instanceof FocusEvent,\r\n//   blur: (evt: FocusEvent) => evt instanceof FocusEvent,\r\n//   'calendar-change': (val: [Date, null | Date]) => !!val,\r\n//   'panel-change': (date: Date | [Date, Date], mode: 'month' | 'year', view?: string) =>\r\n//     date instanceof Date && (mode === 'month' || mode === 'year') && (view === undefined || isString(view)),\r\n//   'visible-change': (visibility: boolean) => typeof visibility === 'boolean',\r\n// };\r\nexport const elDatePickerEmits = {\r\n  'update:modelValue': (...args: any[]) => args,\r\n  change: (...args: any[]) => args,\r\n  focus: (...args: any[]) => args,\r\n  blur: (...args: any[]) => args,\r\n  'calendar-change': (...args: any[]) => args,\r\n  'panel-change': (...args: any[]) => args,\r\n  'visible-change': (...args: any[]) => args,\r\n};\r\nexport const datePickerEmits = {\r\n  ...elDatePickerEmits,\r\n};\r\n\r\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\r\n"],"names":["elDatePickerProps"],"mappings":";;;;AAUO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAGA,2BAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,GACR;AACF,EAAA;AAYO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,mBAAA,EAAqB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACzC,MAAA,EAAQ,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC5B,KAAA,EAAO,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC3B,IAAA,EAAM,IAAI,IAAgB,KAAA,IAAA;AAAA,EAC1B,iBAAA,EAAmB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACvC,cAAA,EAAgB,IAAI,IAAgB,KAAA,IAAA;AAAA,EACpC,gBAAA,EAAkB,IAAI,IAAgB,KAAA,IAAA;AACxC,EAAA;AACO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAG,iBAAA;AACL;;;;;;"}

package/lib/components/src/base/datePicker/index.d.ts

@@ -5,6 +5,9 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
             default: "date";
         };
+        shortcuts: {
+            type: ArrayConstructor;
+        };
         ariaLabel: StringConstructor;
         emptyValues: ArrayConstructor;
         valueOnClear: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -20,7 +23,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        shortcuts: import("element-plus/es/utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
         arrowControl: BooleanConstructor;
         tabindex: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -117,6 +119,9 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
             default: "date";
         };
+        shortcuts: {
+            type: ArrayConstructor;
+        };
         ariaLabel: StringConstructor;
         emptyValues: ArrayConstructor;
         valueOnClear: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -132,7 +137,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        shortcuts: import("element-plus/es/utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
         arrowControl: BooleanConstructor;
         tabindex: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -222,7 +226,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
         placeholder: string;
         validateEvent: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         tabindex: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-        shortcuts: unknown[];
         arrowControl: boolean;
         unlinkPanels: boolean;
         editable: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -243,6 +246,9 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
             default: "date";
         };
+        shortcuts: {
+            type: ArrayConstructor;
+        };
         ariaLabel: StringConstructor;
         emptyValues: ArrayConstructor;
         valueOnClear: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -258,7 +264,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        shortcuts: import("element-plus/es/utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
         arrowControl: BooleanConstructor;
         tabindex: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
         validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -353,7 +358,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
         placeholder: string;
         validateEvent: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         tabindex: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-        shortcuts: unknown[];
         arrowControl: boolean;
         unlinkPanels: boolean;
         editable: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -371,6 +375,9 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
         type: import("vue").PropType<"date" | "daterange" | "month" | "year" | "months" | "years" | "dates" | "week" | "datetime" | "datetimerange" | "monthrange" | "yearrange">;
         default: "date";
     };
+    shortcuts: {
+        type: ArrayConstructor;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
     valueOnClear: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
@@ -386,7 +393,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("element-plus/es/utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
     arrowControl: BooleanConstructor;
     tabindex: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -489,7 +495,6 @@ export declare const GmDatePicker: import("../../../../utils").SFCWithInstall<{
     placeholder: string;
     validateEvent: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tabindex: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-    shortcuts: unknown[];
     arrowControl: boolean;
     unlinkPanels: boolean;
     editable: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isInited: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -46,10 +50,15 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
     "onUpdate:customBtnPropsList"?: ((customBtnPropsList: OperateButtonProps[]) => any) | undefined;
 }, {
+    disabledRemoteBtn: boolean;
     customDefaultPropsList: OperateButtonProps[];
 }, {}>;
 export default _default;

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

@@ -135,7 +135,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue.onMounted(() => {
-      initOperate();
+      if (props.disabledRemoteBtn) {
+        isInited.value = true;
+      } else {
+        initOperate();
+      }
     });
     __expose({
       isInited

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

@@ -1 +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><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        <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 { InfoFilled } from '@element-plus/icons-vue';\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  try {\r\n    await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  } catch {}\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":"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"}
+{"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><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        <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 { InfoFilled } from '@element-plus/icons-vue';\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  try {\r\n    await customSettingsStore.getCustomSettings({ key_word: props.keyWord, type: props.type }, { defaultValue: [] });\r\n  } catch {}\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  if (props.disabledRemoteBtn) {\r\n    isInited.value = true;\r\n  } else {\r\n    initOperate();\r\n  }\r\n});\r\ndefineExpose({\r\n  isInited,\r\n});\r\n</script>\r\n"],"names":["_useModel","useCustomSettingsStore","ref","useCloned","computed","cloneDeep","watch","onMounted"],"mappings":"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"}

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

@@ -20,6 +20,10 @@ export declare const GmOperateButtonForm: import("../../../../../utils").SFCWith
         type: import("vue").PropType<import("../operateButton.js").OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isInited: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -46,10 +50,15 @@ export declare const GmOperateButtonForm: import("../../../../../utils").SFCWith
         type: import("vue").PropType<import("../operateButton.js").OperateButtonProps[]>;
         default: () => never[];
     };
+    disabledRemoteBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isShowDrawer"?: ((isShowDrawer: boolean) => any) | undefined;
     "onUpdate:customBtnPropsList"?: ((customBtnPropsList: import("../operateButton.js").OperateButtonProps[]) => any) | undefined;
 }, {
+    disabledRemoteBtn: boolean;
     customDefaultPropsList: import("../operateButton.js").OperateButtonProps[];
 }, {}>> & Record<string, any>;
 export type OperateButtonFormInstance = InstanceType<typeof OperateButtonForm>;

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

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

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

@@ -18,6 +18,11 @@ const operateButtonFormProps = {
   customDefaultPropsList: {
     type: Array,
     default: () => []
+  },
+  // 是否禁用 远程操作按钮的配置
+  disabledRemoteBtn: {
+    type: Boolean,
+    default: false
   }
 };
 

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

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