pro-design-vue 1.0.0 → 1.1.1

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.0.0 */
+/*! Pro Design Vue v1.1.1 */
 
 import { Modal, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, theme as theme$1, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$3, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
 import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, watch, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, mergeProps, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, useAttrs, useTemplateRef, defineAsyncComponent, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, createTextVNode, vModelText } from 'vue';
@@ -13,7 +13,7 @@ const ELEMENT_ID_MAIN_CONTENT = `__pro_main_content`;
 const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
 const DEFAULT_NAMESPACE = "pro";
 
-const version$1 = "1.0.0";
+const version$1 = "1.1.1";
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -6845,6 +6845,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
     intl: { type: Object, required: false },
     proPrefixCls: { type: String, required: false },
     contentOffsetTop: { type: Number, required: false },
+    pro: { type: Object, required: false },
     iconPrefixCls: { type: String, required: false },
     getTargetContainer: { type: Function, required: false },
     getPopupContainer: { type: Function, required: false },
@@ -6873,6 +6874,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
     const props = __props;
     const contentOffsetTop = ref(props.contentOffsetTop);
     useProConfigProvide({
+      pro: computed(() => props.pro),
       proPrefixCls: computed(() => props.proPrefixCls),
       intl: computed(() => props.intl),
       locale: computed(() => props.locale),
@@ -6899,6 +6901,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
     }) },
     proPrefixCls: { type: String, required: false, default: "pro" },
     contentOffsetTop: { type: Number, required: false },
+    pro: { type: Object, required: false },
     iconPrefixCls: { type: String, required: false },
     getTargetContainer: { type: Function, required: false },
     getPopupContainer: { type: Function, required: false },
@@ -6924,7 +6927,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
     wave: { type: Object, required: false }
   },
   setup(__props) {
-    const rest = createPropsRestProxy(__props, ["intl", "proPrefixCls"]);
+    const rest = createPropsRestProxy(__props, ["intl", "pro", "proPrefixCls"]);
     ConfigProvider.config({
       prefixCls: rest.prefixCls
     });
@@ -6940,6 +6943,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
                   contentOffsetTop: _ctx.contentOffsetTop,
                   intl: _ctx.intl,
                   proPrefixCls: _ctx.proPrefixCls,
+                  pro: _ctx.pro,
                   locale: rest.locale
                 }, {
                   default: withCtx(() => [
@@ -6947,7 +6951,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 3
                   /* FORWARDED */
-                }, 8, ["contentOffsetTop", "intl", "proPrefixCls", "locale"])
+                }, 8, ["contentOffsetTop", "intl", "proPrefixCls", "pro", "locale"])
               ]),
               _: 3
               /* FORWARDED */
@@ -17582,22 +17586,32 @@ var StepsForm = /* @__PURE__ */ defineComponent({
         "onChange": void 0
       }), null)]);
     });
-    const formContainer = computed(() => createVNode("div", {
-      "class": `${prefixCls}-container`,
-      "style": props.containerStyle
-    }, [props.items.map((item, index) => {
-      var _a;
-      const stepFormProps = omit(omitUndefined(((_a = props.steps[index]) == null ? void 0 : _a.formProps) || {}), ["items"]);
-      const name = stepFormProps.name || `${index}`;
-      const mergeFormProps = merge({}, formProps.value, stepFormProps);
-      return createVNode(StepForm, mergeProps({
-        "items": item,
-        "name": name,
-        "index": index
-      }, mergeFormProps), slots);
-    }), createVNode(Space, null, {
-      default: () => [submitterDom.value]
-    })]));
+    const formContainer = computed(() => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": `${prefixCls}-container`,
+        "style": props.containerStyle
+      }, [props.items.map((item, index) => {
+        var _a2;
+        const stepFormProps = omit(omitUndefined(((_a2 = props.steps[index]) == null ? void 0 : _a2.formProps) || {}), ["items"]);
+        const name = stepFormProps.name || `${index}`;
+        const mergeFormProps = merge({}, formProps.value, stepFormProps);
+        return createVNode(StepForm, mergeProps({
+          "items": item,
+          "name": name,
+          "index": index
+        }, mergeFormProps), slots);
+      }), props.submitter !== false ? ((_a = props.submitter) == null ? void 0 : _a.teleport) ? createVNode(Teleport, {
+        "defer": true,
+        "to": (_b = props.submitter) == null ? void 0 : _b.teleport
+      }, {
+        default: () => [createVNode(Space, null, {
+          default: () => [submitterDom.value]
+        })]
+      }) : createVNode(Space, null, {
+        default: () => [submitterDom.value]
+      }) : null]);
+    });
     const stepsFormDom = computed(() => {
       var _a;
       const doms = {
@@ -20357,7 +20371,7 @@ const tableProps = () => ({
   }
 });
 
-const mergePropsAndPagination = ({ pagination }, intl) => {
+const mergePropsAndPagination = (intl, pagination) => {
   if (pagination) {
     const { current, pageSize, total, showTotal, showSizeChanger, ...rest } = pagination;
     return {
@@ -20419,6 +20433,7 @@ const useFetchData = (getData, props) => {
   const pollingLoading = ref(false);
   const keyword = ref("");
   const intl = useIntl();
+  const { pro } = useProConfigInject();
   const innerParams = ref({});
   const sorters = ref();
   const filter = ref();
@@ -20447,8 +20462,23 @@ const useFetchData = (getData, props) => {
       // }
     }
   );
+  const contextTable = computed(() => {
+    var _a2, _b;
+    return (_b = (_a2 = pro == null ? void 0 : pro.value) == null ? void 0 : _a2.table) != null ? _b : {};
+  });
+  const contextTablePagination = computed(() => {
+    var _a2, _b;
+    if (props.pagination === false) {
+      return false;
+    }
+    if (props.pagination && ((_a2 = contextTable.value) == null ? void 0 : _a2.pagination)) {
+      return merge(contextTable.value.pagination, props.pagination);
+    } else {
+      return (_b = props.pagination) != null ? _b : contextTable.value.pagination;
+    }
+  });
   const [pagination, setPagination] = useMergedState$1(
-    () => mergePropsAndPagination(props, intl),
+    () => mergePropsAndPagination(intl, contextTablePagination.value),
     {
       onChange(value) {
         var _a2, _b, _c;

package/es/components/config-provider/src/config-provider-container.vue2.mjs

@@ -10,6 +10,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     intl: { type: Object, required: false },
     proPrefixCls: { type: String, required: false },
     contentOffsetTop: { type: Number, required: false },
+    pro: { type: Object, required: false },
     iconPrefixCls: { type: String, required: false },
     getTargetContainer: { type: Function, required: false },
     getPopupContainer: { type: Function, required: false },
@@ -38,6 +39,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const contentOffsetTop = ref(props.contentOffsetTop);
     useProConfigProvide({
+      pro: computed(() => props.pro),
       proPrefixCls: computed(() => props.proPrefixCls),
       intl: computed(() => props.intl),
       locale: computed(() => props.locale),

package/es/components/config-provider/src/config-provider-container.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider-container.vue2.mjs","sources":["../../../../../../packages/components/config-provider/src/config-provider-container.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-05-22 09:08:36\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 10:43:00\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport type { ProConfigProviderProps } from './typing'\nimport { computed, ref } from 'vue'\nimport { useProConfigProvide } from './context'\n\ninterface Props extends ProConfigProviderProps {}\n\ndefineOptions({\n  name: 'ConfigProviderContainer',\n})\n\nconst props = defineProps<Props>()\n\nconst contentOffsetTop = ref(props.contentOffsetTop)\nuseProConfigProvide({\n  proPrefixCls: computed(() => props.proPrefixCls),\n  intl: computed(() => props.intl),\n  locale: computed(() => props.locale),\n  contentOffsetTop: computed(() => props.contentOffsetTop || contentOffsetTop.value),\n  setContentOffsetTop: (offsetTop: number) => {\n    contentOffsetTop.value = offsetTop\n  },\n})\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,gBAAA,GAAmB,GAAA,CAAI,KAAA,CAAM,gBAAgB,CAAA;AACnD,IAAA,mBAAA,CAAoB;AAAA,MAClB,YAAA,EAAc,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,CAAA;AAAA,MAC/C,IAAA,EAAM,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA;AAAA,MAC/B,MAAA,EAAQ,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA;AAAA,MACnC,kBAAkB,QAAA,CAAS,MAAM,KAAA,CAAM,gBAAA,IAAoB,iBAAiB,KAAK,CAAA;AAAA,MACjF,mBAAA,EAAqB,CAAC,SAAA,KAAsB;AAC1C,QAAA,gBAAA,CAAiB,KAAA,GAAQ,SAAA;AAAA,MAC3B;AAAA,KACD,CAAA;;aAICA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;"}
+{"version":3,"file":"config-provider-container.vue2.mjs","sources":["../../../../../../packages/components/config-provider/src/config-provider-container.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-05-22 09:08:36\n * @LastEditors: shen\n * @LastEditTime: 2025-10-09 10:02:46\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport type { ProConfigProviderProps } from './typing'\nimport { computed, ref } from 'vue'\nimport { useProConfigProvide } from './context'\n\ninterface Props extends ProConfigProviderProps {}\n\ndefineOptions({\n  name: 'ConfigProviderContainer',\n})\n\nconst props = defineProps<Props>()\n\nconst contentOffsetTop = ref(props.contentOffsetTop)\nuseProConfigProvide({\n  pro: computed(() => props.pro),\n  proPrefixCls: computed(() => props.proPrefixCls),\n  intl: computed(() => props.intl),\n  locale: computed(() => props.locale),\n  contentOffsetTop: computed(() => props.contentOffsetTop || contentOffsetTop.value),\n  setContentOffsetTop: (offsetTop: number) => {\n    contentOffsetTop.value = offsetTop\n  },\n})\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,gBAAA,GAAmB,GAAA,CAAI,KAAA,CAAM,gBAAgB,CAAA;AACnD,IAAA,mBAAA,CAAoB;AAAA,MAClB,GAAA,EAAK,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA;AAAA,MAC7B,YAAA,EAAc,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,CAAA;AAAA,MAC/C,IAAA,EAAM,QAAA,CAAS,MAAM,KAAA,CAAM,IAAI,CAAA;AAAA,MAC/B,MAAA,EAAQ,QAAA,CAAS,MAAM,KAAA,CAAM,MAAM,CAAA;AAAA,MACnC,kBAAkB,QAAA,CAAS,MAAM,KAAA,CAAM,gBAAA,IAAoB,iBAAiB,KAAK,CAAA;AAAA,MACjF,mBAAA,EAAqB,CAAC,SAAA,KAAsB;AAC1C,QAAA,gBAAA,CAAiB,KAAA,GAAQ,SAAA;AAAA,MAC3B;AAAA,KACD,CAAA;;aAICA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;"}

package/es/components/config-provider/src/config-provider.vue2.mjs

@@ -15,6 +15,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }) },
     proPrefixCls: { type: String, required: false, default: "pro" },
     contentOffsetTop: { type: Number, required: false },
+    pro: { type: Object, required: false },
     iconPrefixCls: { type: String, required: false },
     getTargetContainer: { type: Function, required: false },
     getPopupContainer: { type: Function, required: false },
@@ -40,7 +41,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     wave: { type: Object, required: false }
   },
   setup(__props) {
-    const rest = createPropsRestProxy(__props, ["intl", "proPrefixCls"]);
+    const rest = createPropsRestProxy(__props, ["intl", "pro", "proPrefixCls"]);
     ConfigProvider.config({
       prefixCls: rest.prefixCls
     });
@@ -56,6 +57,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   contentOffsetTop: _ctx.contentOffsetTop,
                   intl: _ctx.intl,
                   proPrefixCls: _ctx.proPrefixCls,
+                  pro: _ctx.pro,
                   locale: rest.locale
                 }, {
                   default: withCtx(() => [
@@ -63,7 +65,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 3
                   /* FORWARDED */
-                }, 8, ["contentOffsetTop", "intl", "proPrefixCls", "locale"])
+                }, 8, ["contentOffsetTop", "intl", "proPrefixCls", "pro", "locale"])
               ]),
               _: 3
               /* FORWARDED */

package/es/components/config-provider/src/config-provider.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider.vue2.mjs","sources":["../../../../../../packages/components/config-provider/src/config-provider.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-05-22 09:08:36\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 10:42:50\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport type { ProConfigProviderProps } from './typing'\n\nimport { ConfigProvider, App } from 'ant-design-vue'\nimport { zhCNIntl } from './intl'\nimport ConfigProviderContainer from './config-provider-container.vue'\n\ninterface Props extends ProConfigProviderProps {}\n\ndefineOptions({\n  name: 'ProConfigProvider',\n})\n\nconst {\n  intl = {\n    ...zhCNIntl,\n    locale: 'default',\n  },\n  proPrefixCls = 'pro',\n  ...rest\n} = defineProps<Props>()\n\nConfigProvider.config({\n  prefixCls: rest.prefixCls,\n})\n</script>\n\n<template>\n  <ConfigProvider v-bind=\"rest\">\n    <App>\n      <ConfigProviderContainer :contentOffsetTop :intl :proPrefixCls :locale=\"rest.locale\">\n        <slot />\n      </ConfigProviderContainer>\n    </App>\n  </ConfigProvider>\n</template>\n"],"names":["_createPropsRestProxy","_openBlock","_createBlock","_unref","_createVNode","ConfigProviderContainer","contentOffsetTop","intl","proPrefixCls","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,OAOFA,oBAAA,CAAA,OAAA,EAAA,CAAA,MAAA,EAAA,cAAA,CAAA,CAAA;AAEJ,IAAA,cAAA,CAAe,MAAA,CAAO;AAAA,MACpB,WAAW,IAAA,CAAK;AAAA,KACjB,CAAA;;AAIC,MAAA,OAAAC,WAAA,EAAAC,WAAA;AAAA,QAMiBC;0CANO,IAAI,CAAA,CAAA;AAAA,QAAA;AAAA,2BAC1B,MAIM;AAAA,YAJNC,WAAA,CAIMD,KAAA,CAAA,GAAA,CAAA,EAAA,IAAA,EAAA;AAAA,+BAHJ,MAE0B;AAAA,gBAF1BC,YAE0BC,WAAA,EAAA;AAAA,kBAFA,kBAAAC,IAAAA,CAAAA,gBAAAA;AAAAA,kBAAkB,MAAAC,IAAAA,CAAAA,IAAAA;AAAAA,kBAAM,cAAAC,IAAAA,CAAAA,YAAAA;AAAAA,kBAAc,QAAQ,IAAA,CAAK;AAAA;mCAC3E,MAAQ;AAAA,oBAARC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"config-provider.vue2.mjs","sources":["../../../../../../packages/components/config-provider/src/config-provider.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-05-22 09:08:36\n * @LastEditors: shen\n * @LastEditTime: 2025-10-09 10:02:11\n * @Description:\n-->\n<script setup lang=\"ts\">\nimport type { ProConfigProviderProps } from './typing'\n\nimport { ConfigProvider, App } from 'ant-design-vue'\nimport { zhCNIntl } from './intl'\nimport ConfigProviderContainer from './config-provider-container.vue'\n\ninterface Props extends ProConfigProviderProps {}\n\ndefineOptions({\n  name: 'ProConfigProvider',\n})\n\nconst {\n  intl = {\n    ...zhCNIntl,\n    locale: 'default',\n  },\n  pro,\n  proPrefixCls = 'pro',\n  ...rest\n} = defineProps<Props>()\n\nConfigProvider.config({\n  prefixCls: rest.prefixCls,\n})\n</script>\n\n<template>\n  <ConfigProvider v-bind=\"rest\">\n    <App>\n      <ConfigProviderContainer :contentOffsetTop :intl :proPrefixCls :pro :locale=\"rest.locale\">\n        <slot />\n      </ConfigProviderContainer>\n    </App>\n  </ConfigProvider>\n</template>\n"],"names":["_createPropsRestProxy","_openBlock","_createBlock","_unref","_createVNode","ConfigProviderContainer","contentOffsetTop","intl","proPrefixCls","pro","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAM,OAQFA,oBAAA,CAAA,OAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,cAAA,CAAA,CAAA;AAEJ,IAAA,cAAA,CAAe,MAAA,CAAO;AAAA,MACpB,WAAW,IAAA,CAAK;AAAA,KACjB,CAAA;;AAIC,MAAA,OAAAC,WAAA,EAAAC,WAAA;AAAA,QAMiBC;0CANO,IAAI,CAAA,CAAA;AAAA,QAAA;AAAA,2BAC1B,MAIM;AAAA,YAJNC,WAAA,CAIMD,KAAA,CAAA,GAAA,CAAA,EAAA,IAAA,EAAA;AAAA,+BAHJ,MAE0B;AAAA,gBAF1BC,YAE0BC,WAAA,EAAA;AAAA,kBAFA,kBAAAC,IAAAA,CAAAA,gBAAAA;AAAAA,kBAAkB,MAAAC,IAAAA,CAAAA,IAAAA;AAAAA,kBAAM,cAAAC,IAAAA,CAAAA,YAAAA;AAAAA,kBAAc,KAAAC,IAAAA,CAAAA,GAAAA;AAAAA,kBAAK,QAAQ,IAAA,CAAK;AAAA;mCAChF,MAAQ;AAAA,oBAARC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/config-provider/src/typing.d.ts

@@ -1,8 +1,14 @@
 import type { ConfigProviderProps } from 'ant-design-vue';
 import type { IntlType } from './intl';
+import type { ProTablePaginationConfig } from 'pro-design-vue/es/components/table';
 interface ProConfigProviderProps extends ConfigProviderProps {
     intl?: IntlType;
     proPrefixCls?: string;
     contentOffsetTop?: number;
+    pro?: {
+        table?: {
+            pagination?: ProTablePaginationConfig;
+        };
+    };
 }
 export type { ProConfigProviderProps };

package/es/components/config-provider/src/useTokens.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 用于适配各个框架的设计系统
+ */
+export declare function useDesignTokens(theme: any): {
+    tokens: {
+        borderRadius: any;
+        colorBgBase: string;
+        colorBgContainer: string;
+        colorBgElevated: string;
+        colorBgLayout: string;
+        colorBgMask: string;
+        colorBorder: string;
+        colorBorderSecondary: string;
+        colorError: string;
+        colorInfo: string;
+        colorPrimary: string;
+        colorSuccess: string;
+        colorTextBase: string;
+        colorText: string;
+        colorTextTertiary: string;
+        colorWarning: string;
+        zIndexPopupBase: number;
+    };
+};

package/es/components/config-provider/src/useTokens.mjs

@@ -0,0 +1,58 @@
+import { reactive, watch } from 'vue';
+import { DEFAULT_NAMESPACE } from '../../../constants/globals.mjs';
+
+function useDesignTokens(theme) {
+  const rootStyles = getComputedStyle(document.documentElement);
+  const tokens = reactive({
+    borderRadius: "",
+    colorBgBase: "",
+    colorBgContainer: "",
+    colorBgElevated: "",
+    colorBgLayout: "",
+    colorBgMask: "",
+    colorBorder: "",
+    colorBorderSecondary: "",
+    colorError: "",
+    colorInfo: "",
+    colorPrimary: "",
+    colorSuccess: "",
+    colorTextBase: "",
+    colorText: "",
+    colorTextTertiary: "",
+    colorWarning: "",
+    zIndexPopupBase: 2e3
+    // 调整基础弹层层级，避免下拉等组件被弹窗或者最大化状态下的表格遮挡
+  });
+  const getCssVariableValue = (variable, isColor = true) => {
+    const value = rootStyles.getPropertyValue(`--${DEFAULT_NAMESPACE}-${variable}`);
+    return isColor ? `hsl(${value})` : value;
+  };
+  watch(
+    theme,
+    () => {
+      tokens.colorPrimary = getCssVariableValue("primary");
+      tokens.colorInfo = getCssVariableValue("primary");
+      tokens.colorError = getCssVariableValue("destructive");
+      tokens.colorWarning = getCssVariableValue("warning");
+      tokens.colorSuccess = getCssVariableValue("success");
+      tokens.colorTextBase = getCssVariableValue("foreground");
+      tokens.colorText = getCssVariableValue("foreground");
+      tokens.colorTextTertiary = getCssVariableValue("muted-foreground");
+      tokens.colorBorderSecondary = tokens.colorBorder = getCssVariableValue("border");
+      tokens.colorBgElevated = getCssVariableValue("popover");
+      tokens.colorBgContainer = getCssVariableValue("card");
+      tokens.colorBgBase = getCssVariableValue("background");
+      const radius = Number.parseFloat(getCssVariableValue("radius", false));
+      tokens.borderRadius = radius;
+      tokens.colorBgLayout = getCssVariableValue("background-deep");
+      tokens.colorBgMask = getCssVariableValue("overlay");
+    },
+    { immediate: true }
+  );
+  return {
+    tokens
+  };
+}
+
+export { useDesignTokens };
+//# sourceMappingURL=useTokens.mjs.map

package/es/components/config-provider/src/useTokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokens.mjs","sources":["../../../../../../packages/components/config-provider/src/useTokens.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-09 09:03:00\n * @Description:\n */\nimport { reactive, watch } from 'vue'\n\nimport { DEFAULT_NAMESPACE } from '@pro-design-vue/constants'\n\n/**\n * 用于适配各个框架的设计系统\n */\n\nexport function useDesignTokens(theme) {\n  const rootStyles = getComputedStyle(document.documentElement)\n\n  const tokens = reactive({\n    borderRadius: '' as any,\n    colorBgBase: '',\n    colorBgContainer: '',\n    colorBgElevated: '',\n    colorBgLayout: '',\n    colorBgMask: '',\n    colorBorder: '',\n    colorBorderSecondary: '',\n    colorError: '',\n    colorInfo: '',\n    colorPrimary: '',\n    colorSuccess: '',\n    colorTextBase: '',\n    colorText: '',\n    colorTextTertiary: '',\n    colorWarning: '',\n    zIndexPopupBase: 2000, // 调整基础弹层层级，避免下拉等组件被弹窗或者最大化状态下的表格遮挡\n  })\n\n  const getCssVariableValue = (variable: string, isColor: boolean = true) => {\n    const value = rootStyles.getPropertyValue(`--${DEFAULT_NAMESPACE}-${variable}`)\n    return isColor ? `hsl(${value})` : value\n  }\n\n  watch(\n    theme,\n    () => {\n      tokens.colorPrimary = getCssVariableValue('primary')\n\n      tokens.colorInfo = getCssVariableValue('primary')\n\n      tokens.colorError = getCssVariableValue('destructive')\n\n      tokens.colorWarning = getCssVariableValue('warning')\n\n      tokens.colorSuccess = getCssVariableValue('success')\n\n      tokens.colorTextBase = getCssVariableValue('foreground')\n      tokens.colorText = getCssVariableValue('foreground')\n      tokens.colorTextTertiary = getCssVariableValue('muted-foreground')\n\n      tokens.colorBorderSecondary = tokens.colorBorder = getCssVariableValue('border')\n\n      tokens.colorBgElevated = getCssVariableValue('popover')\n\n      tokens.colorBgContainer = getCssVariableValue('card')\n\n      tokens.colorBgBase = getCssVariableValue('background')\n\n      const radius = Number.parseFloat(getCssVariableValue('radius', false))\n      tokens.borderRadius = radius\n      tokens.colorBgLayout = getCssVariableValue('background-deep')\n      tokens.colorBgMask = getCssVariableValue('overlay')\n    },\n    { immediate: true },\n  )\n\n  return {\n    tokens,\n  }\n}\n"],"names":[],"mappings":";;;AAeO,SAAS,gBAAgB,KAAA,EAAO;AACrC,EAAA,MAAM,UAAA,GAAa,gBAAA,CAAiB,QAAA,CAAS,eAAe,CAAA;AAE5D,EAAA,MAAM,SAAS,QAAA,CAAS;AAAA,IACtB,YAAA,EAAc,EAAA;AAAA,IACd,WAAA,EAAa,EAAA;AAAA,IACb,gBAAA,EAAkB,EAAA;AAAA,IAClB,eAAA,EAAiB,EAAA;AAAA,IACjB,aAAA,EAAe,EAAA;AAAA,IACf,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,oBAAA,EAAsB,EAAA;AAAA,IACtB,UAAA,EAAY,EAAA;AAAA,IACZ,SAAA,EAAW,EAAA;AAAA,IACX,YAAA,EAAc,EAAA;AAAA,IACd,YAAA,EAAc,EAAA;AAAA,IACd,aAAA,EAAe,EAAA;AAAA,IACf,SAAA,EAAW,EAAA;AAAA,IACX,iBAAA,EAAmB,EAAA;AAAA,IACnB,YAAA,EAAc,EAAA;AAAA,IACd,eAAA,EAAiB;AAAA;AAAA,GAClB,CAAA;AAED,EAAA,MAAM,mBAAA,GAAsB,CAAC,QAAA,EAAkB,OAAA,GAAmB,IAAA,KAAS;AACzE,IAAA,MAAM,QAAQ,UAAA,CAAW,gBAAA,CAAiB,KAAK,iBAAiB,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE,CAAA;AAC9E,IAAA,OAAO,OAAA,GAAU,CAAA,IAAA,EAAO,KAAK,CAAA,CAAA,CAAA,GAAM,KAAA;AAAA,EACrC,CAAA;AAEA,EAAA,KAAA;AAAA,IACE,KAAA;AAAA,IACA,MAAM;AACJ,MAAA,MAAA,CAAO,YAAA,GAAe,oBAAoB,SAAS,CAAA;AAEnD,MAAA,MAAA,CAAO,SAAA,GAAY,oBAAoB,SAAS,CAAA;AAEhD,MAAA,MAAA,CAAO,UAAA,GAAa,oBAAoB,aAAa,CAAA;AAErD,MAAA,MAAA,CAAO,YAAA,GAAe,oBAAoB,SAAS,CAAA;AAEnD,MAAA,MAAA,CAAO,YAAA,GAAe,oBAAoB,SAAS,CAAA;AAEnD,MAAA,MAAA,CAAO,aAAA,GAAgB,oBAAoB,YAAY,CAAA;AACvD,MAAA,MAAA,CAAO,SAAA,GAAY,oBAAoB,YAAY,CAAA;AACnD,MAAA,MAAA,CAAO,iBAAA,GAAoB,oBAAoB,kBAAkB,CAAA;AAEjE,MAAA,MAAA,CAAO,oBAAA,GAAuB,MAAA,CAAO,WAAA,GAAc,mBAAA,CAAoB,QAAQ,CAAA;AAE/E,MAAA,MAAA,CAAO,eAAA,GAAkB,oBAAoB,SAAS,CAAA;AAEtD,MAAA,MAAA,CAAO,gBAAA,GAAmB,oBAAoB,MAAM,CAAA;AAEpD,MAAA,MAAA,CAAO,WAAA,GAAc,oBAAoB,YAAY,CAAA;AAErD,MAAA,MAAM,SAAS,MAAA,CAAO,UAAA,CAAW,mBAAA,CAAoB,QAAA,EAAU,KAAK,CAAC,CAAA;AACrE,MAAA,MAAA,CAAO,YAAA,GAAe,MAAA;AACtB,MAAA,MAAA,CAAO,aAAA,GAAgB,oBAAoB,iBAAiB,CAAA;AAC5D,MAAA,MAAA,CAAO,WAAA,GAAc,oBAAoB,SAAS,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,EAAE,WAAW,IAAA;AAAK,GACpB;AAEA,EAAA,OAAO;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/es/components/counter/src/counter.vue.d.ts

@@ -28,14 +28,14 @@ declare const _default: import("vue").DefineComponent<Props, {
     prefix: string;
     color: string;
     decimal: string;
+    suffix: string;
+    separator: string;
     transition: keyof typeof TransitionPresets;
     autoplay: boolean;
     decimals: number;
     duration: number;
     endVal: number;
-    separator: string;
     startVal: number;
-    suffix: string;
     useEasing: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/components/form/src/Form.d.ts

@@ -452,14 +452,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     validateOnRuleChange: boolean | undefined;
     scrollToFirstError: boolean | import("scroll-into-view-if-needed").Options<any> | undefined;
     validateTrigger: string | string[] | undefined;
-    grid: boolean;
     dateFormatter: false | "string" | "number" | ((value: import("dayjs").Dayjs, fieldType: `${import("pro-design-vue").ProFieldType}`) => string | number) | undefined;
     submitter: false | import("pro-design-vue").SubmitterProps<import("pro-design-vue").Entity> | undefined;
+    preserve: boolean;
+    defaultCollapsed: boolean;
+    collapsed: boolean | undefined;
+    labelWidth: number | "auto";
+    searchGutter: number;
+    showHiddenNum: boolean;
+    ignoreRules: boolean;
+    resetOnSubmit: boolean;
+    onCollapse: (val: boolean) => void;
     showLoading: boolean;
     submitOnLoading: boolean;
     gridSubmitter: boolean;
     omitNil: boolean;
     readonly: boolean;
+    grid: boolean;
     isKeyPressSubmit: boolean;
     customUi: boolean;
     requestAbort: boolean;
@@ -497,15 +506,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         formProps?: import("./props").BaseFormProps;
     })[];
     onCurrentChange: (current: number) => void;
-    preserve: boolean;
-    defaultCollapsed: boolean;
-    collapsed: boolean | undefined;
-    labelWidth: number | "auto";
-    searchGutter: number;
-    showHiddenNum: boolean;
-    ignoreRules: boolean;
-    resetOnSubmit: boolean;
-    onCollapse: (val: boolean) => void;
     submitTimeout: number;
     closeOnFinish: boolean;
     confirmOnValuesChange: boolean;

package/es/components/form/src/base/BaseForm.d.ts

@@ -262,7 +262,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     validateOnRuleChange: boolean | undefined;
     scrollToFirstError: boolean | import("scroll-into-view-if-needed").Options<any> | undefined;
     validateTrigger: string | string[] | undefined;
-    grid: boolean;
     dateFormatter: false | "string" | "number" | ((value: import("dayjs").Dayjs, fieldType: `${import("pro-design-vue").ProFieldType}`) => string | number) | undefined;
     submitter: false | SubmitterProps<Entity> | undefined;
     showLoading: boolean;
@@ -270,6 +269,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     gridSubmitter: boolean;
     omitNil: boolean;
     readonly: boolean;
+    grid: boolean;
     isKeyPressSubmit: boolean;
     customUi: boolean;
     requestAbort: boolean;

package/es/components/form/src/base/StepForm.d.ts

@@ -266,7 +266,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     validateOnRuleChange: boolean | undefined;
     scrollToFirstError: boolean | import("scroll-into-view-if-needed").Options<any> | undefined;
     validateTrigger: string | string[] | undefined;
-    grid: boolean;
     dateFormatter: false | "string" | "number" | ((value: import("dayjs").Dayjs, fieldType: `${import("pro-design-vue").ProFieldType}`) => string | number) | undefined;
     submitter: false | import("pro-design-vue").SubmitterProps<import("pro-design-vue").Entity> | undefined;
     showLoading: boolean;
@@ -274,6 +273,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     gridSubmitter: boolean;
     omitNil: boolean;
     readonly: boolean;
+    grid: boolean;
     isKeyPressSubmit: boolean;
     customUi: boolean;
     requestAbort: boolean;

package/es/components/form/src/components/FormGroup.d.ts

@@ -78,9 +78,44 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: import("pro-design-vue").ProVNode | ((params: {
         formData: import("pro-design-vue").Entity;
     }) => import("pro-design-vue").ProVNode);
-    items: ProFormItemType<import("pro-design-vue").Entity, "text" | "select" | "textarea" | "time" | "switch" | "formSet" | "formList" | "group" | "divider" | "digit" | "digitRange" | "treeSelect" | "cascader" | "password" | "checkbox" | "checkboxGroup" | "radioGroup" | "slider" | "rate" | "date" | "dateRange" | "timeRange" | "uploadButton" | "uploadDragger" | "uploadPicture" | "uploadPictureList" | "editor">[] | ((formData: import("pro-design-vue").Entity) => ProFormItemType<import("pro-design-vue").Entity, "text" | "select" | "textarea" | "time" | "switch" | "formSet" | "formList" | "group" | "divider" | "digit" | "digitRange" | "treeSelect" | "cascader" | "password" | "checkbox" | "checkboxGroup" | "radioGroup" | "slider" | "rate" | "date" | "dateRange" | "timeRange" | "uploadButton" | "uploadDragger" | "uploadPicture" | "uploadPictureList" | "editor">[]) | undefined;
+    items: ProFormItemType<import("pro-design-vue").Entity, "text" | "select" | "textarea" | "time" | "checkbox" | "date" | "password" | "formSet" | "formList" | "group" | "divider" | "digit" | "digitRange" | "treeSelect" | "cascader" | "checkboxGroup" | "radioGroup" | "switch" | "slider" | "rate" | "dateRange" | "timeRange" | "uploadButton" | "uploadDragger" | "uploadPicture" | "uploadPictureList" | "editor">[] | ((formData: import("pro-design-vue").Entity) => ProFormItemType<import("pro-design-vue").Entity, "text" | "select" | "textarea" | "time" | "checkbox" | "date" | "password" | "formSet" | "formList" | "group" | "divider" | "digit" | "digitRange" | "treeSelect" | "cascader" | "checkboxGroup" | "radioGroup" | "switch" | "slider" | "rate" | "dateRange" | "timeRange" | "uploadButton" | "uploadDragger" | "uploadPicture" | "uploadPictureList" | "editor">[]) | undefined;
     item: ProFormItemType;
-    tooltip: string | boolean;
+    colProps: (Partial<import("vue").ExtractPropTypes<{
+        span: (StringConstructor | NumberConstructor)[];
+        order: (StringConstructor | NumberConstructor)[];
+        offset: (StringConstructor | NumberConstructor)[];
+        push: (StringConstructor | NumberConstructor)[];
+        pull: (StringConstructor | NumberConstructor)[];
+        xs: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        sm: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        md: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        lg: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        xl: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        xxl: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        prefixCls: StringConstructor;
+        flex: (StringConstructor | NumberConstructor)[];
+    }>> & {
+        class?: string;
+        style?: StyleSheet;
+    }) | undefined;
     rowProps: (Partial<import("vue").ExtractPropTypes<{
         align: {
             type: import("vue").PropType<"top" | "bottom" | "stretch" | "middle" | {
@@ -102,20 +137,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         justify: {
             type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
-                sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
             }>;
             default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
-                sm?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                md?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                lg?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                xl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                xs?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
-                xxl?: "start" | "center" | "end" | "space-around" | "space-between" | "space-evenly" | undefined;
+                sm?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xs?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly" | undefined;
             };
         };
         prefixCls: StringConstructor;
@@ -131,43 +166,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         class?: string;
         style?: StyleSheet;
     }) | undefined;
-    colProps: (Partial<import("vue").ExtractPropTypes<{
-        span: (StringConstructor | NumberConstructor)[];
-        order: (StringConstructor | NumberConstructor)[];
-        offset: (StringConstructor | NumberConstructor)[];
-        push: (StringConstructor | NumberConstructor)[];
-        pull: (StringConstructor | NumberConstructor)[];
-        xs: {
-            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
-            default: string | number | import("ant-design-vue/es/grid").ColSize;
-        };
-        sm: {
-            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
-            default: string | number | import("ant-design-vue/es/grid").ColSize;
-        };
-        md: {
-            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
-            default: string | number | import("ant-design-vue/es/grid").ColSize;
-        };
-        lg: {
-            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
-            default: string | number | import("ant-design-vue/es/grid").ColSize;
-        };
-        xl: {
-            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
-            default: string | number | import("ant-design-vue/es/grid").ColSize;
-        };
-        xxl: {
-            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
-            default: string | number | import("ant-design-vue/es/grid").ColSize;
-        };
-        prefixCls: StringConstructor;
-        flex: (StringConstructor | NumberConstructor)[];
-    }>> & {
-        class?: string;
-        style?: StyleSheet;
-    }) | undefined;
     grid: boolean;
+    tooltip: string | boolean;
     spaceProps: Partial<import("vue").ExtractPropTypes<{
         prefixCls: StringConstructor;
         size: {