pro-design-vue 1.2.7 → 1.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.full.js +8 -5
- package/dist/index.full.min.js +2 -2
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +2 -2
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +8 -5
- package/es/components/config-provider/src/update-css-variables.d.ts +1 -1
- package/es/packages/components/config-provider/src/update-css-variables.mjs +2 -2
- package/es/packages/components/config-provider/src/update-css-variables.mjs.map +1 -1
- package/es/packages/components/config-provider/src/useCssVariables.mjs +4 -1
- package/es/packages/components/config-provider/src/useCssVariables.mjs.map +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/config-provider/src/update-css-variables.d.ts +1 -1
- package/lib/packages/components/config-provider/src/update-css-variables.js +2 -2
- package/lib/packages/components/config-provider/src/update-css-variables.js.map +1 -1
- package/lib/packages/components/config-provider/src/useCssVariables.js +4 -1
- package/lib/packages/components/config-provider/src/useCssVariables.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
package/dist/index.full.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! Pro Design Vue v1.2.
|
|
1
|
+
/*! Pro Design Vue v1.2.8 */
|
|
2
2
|
|
|
3
3
|
import { Modal, theme as theme$1, 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, 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';
|
|
4
4
|
import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, 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';
|
|
@@ -30,7 +30,7 @@ const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
|
|
|
30
30
|
const DEFAULT_NAMESPACE = "pro";
|
|
31
31
|
const DEFAULT_LOCALE = "zh-CN";
|
|
32
32
|
|
|
33
|
-
const version$1 = "1.2.
|
|
33
|
+
const version$1 = "1.2.8";
|
|
34
34
|
|
|
35
35
|
const makeInstaller = (components = []) => {
|
|
36
36
|
const install = (app) => {
|
|
@@ -8266,10 +8266,10 @@ const useProConfigInject = () => {
|
|
|
8266
8266
|
return inject(proConfigProviderContextKey, {});
|
|
8267
8267
|
};
|
|
8268
8268
|
|
|
8269
|
-
function updateCSSVariables(variables, id = "__pro-styles__") {
|
|
8269
|
+
function updateCSSVariables(variables, className = ":root", id = "__pro-styles__") {
|
|
8270
8270
|
const styleElement = document.querySelector(`#${id}`) || document.createElement("style");
|
|
8271
8271
|
styleElement.id = id;
|
|
8272
|
-
let cssText = "
|
|
8272
|
+
let cssText = className + " {";
|
|
8273
8273
|
for (const key in variables) {
|
|
8274
8274
|
if (Object.prototype.hasOwnProperty.call(variables, key)) {
|
|
8275
8275
|
cssText += `${key}: ${variables[key]};`;
|
|
@@ -8333,7 +8333,10 @@ function useCssVariables(isDark) {
|
|
|
8333
8333
|
document.documentElement.style.setProperty(targetVar, colorValue);
|
|
8334
8334
|
}
|
|
8335
8335
|
});
|
|
8336
|
-
updateCSSVariables(
|
|
8336
|
+
updateCSSVariables(
|
|
8337
|
+
colorVariables,
|
|
8338
|
+
dark ? ".dark, .dark[data-theme='custom'], .dark[data-theme='default']" : ":root"
|
|
8339
|
+
);
|
|
8337
8340
|
if (defaultToken.borderRadius !== newToken.borderRadius) {
|
|
8338
8341
|
document.documentElement.style.setProperty(
|
|
8339
8342
|
`--${DEFAULT_NAMESPACE}-radius`,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
function updateCSSVariables(variables, id = "__pro-styles__") {
|
|
1
|
+
function updateCSSVariables(variables, className = ":root", id = "__pro-styles__") {
|
|
2
2
|
const styleElement = document.querySelector(`#${id}`) || document.createElement("style");
|
|
3
3
|
styleElement.id = id;
|
|
4
|
-
let cssText = "
|
|
4
|
+
let cssText = className + " {";
|
|
5
5
|
for (const key in variables) {
|
|
6
6
|
if (Object.prototype.hasOwnProperty.call(variables, key)) {
|
|
7
7
|
cssText += `${key}: ${variables[key]};`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"update-css-variables.mjs","sources":["../../../../../../../packages/components/config-provider/src/update-css-variables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-26 11:27:18\n * @LastEditors: shen\n * @LastEditTime: 2025-
|
|
1
|
+
{"version":3,"file":"update-css-variables.mjs","sources":["../../../../../../../packages/components/config-provider/src/update-css-variables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-26 11:27:18\n * @LastEditors: shen\n * @LastEditTime: 2025-10-16 18:55:50\n * @Description:\n */\n/**\n * 更新 CSS 变量的函数\n * @param variables 要更新的 CSS 变量与其新值的映射\n */\nfunction updateCSSVariables(\n variables: { [key: string]: string },\n className = ':root',\n id = '__pro-styles__',\n): void {\n // 获取或创建内联样式表元素\n const styleElement = document.querySelector(`#${id}`) || document.createElement('style')\n\n styleElement.id = id\n\n // 构建要更新的 CSS 变量的样式文本\n let cssText = className + ' {'\n for (const key in variables) {\n if (Object.prototype.hasOwnProperty.call(variables, key)) {\n cssText += `${key}: ${variables[key]};`\n }\n }\n cssText += '}'\n\n // 将样式文本赋值给内联样式表\n styleElement.textContent = cssText\n\n // 将内联样式表添加到文档头部\n if (!document.querySelector(`#${id}`)) {\n setTimeout(() => {\n document.head.append(styleElement)\n })\n }\n}\n\nexport { updateCSSVariables }\n"],"names":[],"mappings":"AAWA,SAAS,kBAAA,CACP,SAAA,EACA,SAAA,GAAY,OAAA,EACZ,KAAK,gBAAA,EACC;AAEN,EAAA,MAAM,YAAA,GAAe,SAAS,aAAA,CAAc,CAAA,CAAA,EAAI,EAAE,CAAA,CAAE,CAAA,IAAK,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA;AAEvF,EAAA,YAAA,CAAa,EAAA,GAAK,EAAA;AAGlB,EAAA,IAAI,UAAU,SAAA,GAAY,IAAA;AAC1B,EAAA,KAAA,MAAW,OAAO,SAAA,EAAW;AAC3B,IAAA,IAAI,OAAO,SAAA,CAAU,cAAA,CAAe,IAAA,CAAK,SAAA,EAAW,GAAG,CAAA,EAAG;AACxD,MAAA,OAAA,IAAW,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,SAAA,CAAU,GAAG,CAAC,CAAA,CAAA,CAAA;AAAA,IACtC;AAAA,EACF;AACA,EAAA,OAAA,IAAW,GAAA;AAGX,EAAA,YAAA,CAAa,WAAA,GAAc,OAAA;AAG3B,EAAA,IAAI,CAAC,QAAA,CAAS,aAAA,CAAc,CAAA,CAAA,EAAI,EAAE,EAAE,CAAA,EAAG;AACrC,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,QAAA,CAAS,IAAA,CAAK,OAAO,YAAY,CAAA;AAAA,IACnC,CAAC,CAAA;AAAA,EACH;AACF;;;;"}
|
|
@@ -37,7 +37,10 @@ function useCssVariables(isDark) {
|
|
|
37
37
|
document.documentElement.style.setProperty(targetVar, colorValue);
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
|
-
updateCSSVariables(
|
|
40
|
+
updateCSSVariables(
|
|
41
|
+
colorVariables,
|
|
42
|
+
dark ? ".dark, .dark[data-theme='custom'], .dark[data-theme='default']" : ":root"
|
|
43
|
+
);
|
|
41
44
|
if (defaultToken.borderRadius !== newToken.borderRadius) {
|
|
42
45
|
document.documentElement.style.setProperty(
|
|
43
46
|
`--${DEFAULT_NAMESPACE}-radius`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCssVariables.mjs","sources":["../../../../../../../packages/components/config-provider/src/useCssVariables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-
|
|
1
|
+
{"version":3,"file":"useCssVariables.mjs","sources":["../../../../../../../packages/components/config-provider/src/useCssVariables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-16 18:57:00\n * @Description:\n */\nimport { theme } from 'ant-design-vue'\nimport { watch, type ComputedRef } from 'vue'\nimport { DEFAULT_NAMESPACE } from '@pro-design-vue/constants'\nimport { generatorColorVariables } from '@pro-design-vue/utils'\nimport { updateCSSVariables } from './update-css-variables'\nimport { defaultDarkToken, defaultToken } from './defaultToken'\n\nexport function useCssVariables(isDark: ComputedRef<boolean>) {\n const { useToken } = theme\n const { token } = useToken()\n\n watch(\n [token, isDark],\n ([newToken, dark], [oldToken]) => {\n const colorVariables = generatorColorVariables(\n [\n { color: newToken.colorPrimary, name: 'primary', key: 'colorPrimary' },\n { alias: 'warning', color: newToken.colorWarning, name: 'yellow', key: 'colorWarning' },\n { alias: 'success', color: newToken.colorSuccess, name: 'green', key: 'colorSuccess' },\n { alias: 'error', color: newToken.colorError, name: 'red', key: 'colorError' },\n ].filter((item) => {\n const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key]\n const oldColor = oldToken?.[item.key] || defaultColor\n return (\n newToken[item.key] !== defaultColor ||\n (newToken[item.key] === defaultColor && oldColor !== defaultColor)\n )\n }),\n dark,\n DEFAULT_NAMESPACE,\n )\n // 要设置的 CSS 变量映射\n const colorMappings = {\n [`--${DEFAULT_NAMESPACE}-green-500`]: `--${DEFAULT_NAMESPACE}-success`,\n [`--${DEFAULT_NAMESPACE}-primary-500`]: `--${DEFAULT_NAMESPACE}-primary`,\n [`--${DEFAULT_NAMESPACE}-red-500`]: `--${DEFAULT_NAMESPACE}-error`,\n [`--${DEFAULT_NAMESPACE}-yellow-500`]: `--${DEFAULT_NAMESPACE}-warning`,\n }\n\n Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {\n const colorValue = colorVariables[sourceVar]\n if (colorValue) {\n document.documentElement.style.setProperty(targetVar, colorValue)\n }\n })\n\n updateCSSVariables(\n colorVariables,\n dark ? \".dark, .dark[data-theme='custom'], .dark[data-theme='default']\" : ':root',\n )\n\n if (defaultToken.borderRadius !== newToken.borderRadius) {\n document.documentElement.style.setProperty(\n `--${DEFAULT_NAMESPACE}-radius`,\n `${newToken.borderRadius}px`,\n )\n }\n },\n {\n immediate: true,\n },\n )\n}\n"],"names":[],"mappings":"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"}
|
package/es/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "1.2.
|
|
1
|
+
export declare const version = "1.2.8";
|
package/es/version.mjs
CHANGED
package/es/version.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.mjs","sources":["../../../packages/pro-design-vue/version.ts"],"sourcesContent":["export const version = '1.2.
|
|
1
|
+
{"version":3,"file":"version.mjs","sources":["../../../packages/pro-design-vue/version.ts"],"sourcesContent":["export const version = '1.2.8'\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
function updateCSSVariables(variables, id = "__pro-styles__") {
|
|
3
|
+
function updateCSSVariables(variables, className = ":root", id = "__pro-styles__") {
|
|
4
4
|
const styleElement = document.querySelector(`#${id}`) || document.createElement("style");
|
|
5
5
|
styleElement.id = id;
|
|
6
|
-
let cssText = "
|
|
6
|
+
let cssText = className + " {";
|
|
7
7
|
for (const key in variables) {
|
|
8
8
|
if (Object.prototype.hasOwnProperty.call(variables, key)) {
|
|
9
9
|
cssText += `${key}: ${variables[key]};`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"update-css-variables.js","sources":["../../../../../../../packages/components/config-provider/src/update-css-variables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-26 11:27:18\n * @LastEditors: shen\n * @LastEditTime: 2025-
|
|
1
|
+
{"version":3,"file":"update-css-variables.js","sources":["../../../../../../../packages/components/config-provider/src/update-css-variables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-26 11:27:18\n * @LastEditors: shen\n * @LastEditTime: 2025-10-16 18:55:50\n * @Description:\n */\n/**\n * 更新 CSS 变量的函数\n * @param variables 要更新的 CSS 变量与其新值的映射\n */\nfunction updateCSSVariables(\n variables: { [key: string]: string },\n className = ':root',\n id = '__pro-styles__',\n): void {\n // 获取或创建内联样式表元素\n const styleElement = document.querySelector(`#${id}`) || document.createElement('style')\n\n styleElement.id = id\n\n // 构建要更新的 CSS 变量的样式文本\n let cssText = className + ' {'\n for (const key in variables) {\n if (Object.prototype.hasOwnProperty.call(variables, key)) {\n cssText += `${key}: ${variables[key]};`\n }\n }\n cssText += '}'\n\n // 将样式文本赋值给内联样式表\n styleElement.textContent = cssText\n\n // 将内联样式表添加到文档头部\n if (!document.querySelector(`#${id}`)) {\n setTimeout(() => {\n document.head.append(styleElement)\n })\n }\n}\n\nexport { updateCSSVariables }\n"],"names":[],"mappings":";;AAWA,SAAS,kBAAA,CACP,SAAA,EACA,SAAA,GAAY,OAAA,EACZ,KAAK,gBAAA,EACC;AAEN,EAAA,MAAM,YAAA,GAAe,SAAS,aAAA,CAAc,CAAA,CAAA,EAAI,EAAE,CAAA,CAAE,CAAA,IAAK,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA;AAEvF,EAAA,YAAA,CAAa,EAAA,GAAK,EAAA;AAGlB,EAAA,IAAI,UAAU,SAAA,GAAY,IAAA;AAC1B,EAAA,KAAA,MAAW,OAAO,SAAA,EAAW;AAC3B,IAAA,IAAI,OAAO,SAAA,CAAU,cAAA,CAAe,IAAA,CAAK,SAAA,EAAW,GAAG,CAAA,EAAG;AACxD,MAAA,OAAA,IAAW,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,SAAA,CAAU,GAAG,CAAC,CAAA,CAAA,CAAA;AAAA,IACtC;AAAA,EACF;AACA,EAAA,OAAA,IAAW,GAAA;AAGX,EAAA,YAAA,CAAa,WAAA,GAAc,OAAA;AAG3B,EAAA,IAAI,CAAC,QAAA,CAAS,aAAA,CAAc,CAAA,CAAA,EAAI,EAAE,EAAE,CAAA,EAAG;AACrC,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,QAAA,CAAS,IAAA,CAAK,OAAO,YAAY,CAAA;AAAA,IACnC,CAAC,CAAA;AAAA,EACH;AACF;;;;"}
|
|
@@ -39,7 +39,10 @@ function useCssVariables(isDark) {
|
|
|
39
39
|
document.documentElement.style.setProperty(targetVar, colorValue);
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
-
updateCssVariables.updateCSSVariables(
|
|
42
|
+
updateCssVariables.updateCSSVariables(
|
|
43
|
+
colorVariables,
|
|
44
|
+
dark ? ".dark, .dark[data-theme='custom'], .dark[data-theme='default']" : ":root"
|
|
45
|
+
);
|
|
43
46
|
if (defaultToken.defaultToken.borderRadius !== newToken.borderRadius) {
|
|
44
47
|
document.documentElement.style.setProperty(
|
|
45
48
|
`--${globals.DEFAULT_NAMESPACE}-radius`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCssVariables.js","sources":["../../../../../../../packages/components/config-provider/src/useCssVariables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-
|
|
1
|
+
{"version":3,"file":"useCssVariables.js","sources":["../../../../../../../packages/components/config-provider/src/useCssVariables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-16 18:57:00\n * @Description:\n */\nimport { theme } from 'ant-design-vue'\nimport { watch, type ComputedRef } from 'vue'\nimport { DEFAULT_NAMESPACE } from '@pro-design-vue/constants'\nimport { generatorColorVariables } from '@pro-design-vue/utils'\nimport { updateCSSVariables } from './update-css-variables'\nimport { defaultDarkToken, defaultToken } from './defaultToken'\n\nexport function useCssVariables(isDark: ComputedRef<boolean>) {\n const { useToken } = theme\n const { token } = useToken()\n\n watch(\n [token, isDark],\n ([newToken, dark], [oldToken]) => {\n const colorVariables = generatorColorVariables(\n [\n { color: newToken.colorPrimary, name: 'primary', key: 'colorPrimary' },\n { alias: 'warning', color: newToken.colorWarning, name: 'yellow', key: 'colorWarning' },\n { alias: 'success', color: newToken.colorSuccess, name: 'green', key: 'colorSuccess' },\n { alias: 'error', color: newToken.colorError, name: 'red', key: 'colorError' },\n ].filter((item) => {\n const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key]\n const oldColor = oldToken?.[item.key] || defaultColor\n return (\n newToken[item.key] !== defaultColor ||\n (newToken[item.key] === defaultColor && oldColor !== defaultColor)\n )\n }),\n dark,\n DEFAULT_NAMESPACE,\n )\n // 要设置的 CSS 变量映射\n const colorMappings = {\n [`--${DEFAULT_NAMESPACE}-green-500`]: `--${DEFAULT_NAMESPACE}-success`,\n [`--${DEFAULT_NAMESPACE}-primary-500`]: `--${DEFAULT_NAMESPACE}-primary`,\n [`--${DEFAULT_NAMESPACE}-red-500`]: `--${DEFAULT_NAMESPACE}-error`,\n [`--${DEFAULT_NAMESPACE}-yellow-500`]: `--${DEFAULT_NAMESPACE}-warning`,\n }\n\n Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {\n const colorValue = colorVariables[sourceVar]\n if (colorValue) {\n document.documentElement.style.setProperty(targetVar, colorValue)\n }\n })\n\n updateCSSVariables(\n colorVariables,\n dark ? \".dark, .dark[data-theme='custom'], .dark[data-theme='default']\" : ':root',\n )\n\n if (defaultToken.borderRadius !== newToken.borderRadius) {\n document.documentElement.style.setProperty(\n `--${DEFAULT_NAMESPACE}-radius`,\n `${newToken.borderRadius}px`,\n )\n }\n },\n {\n immediate: true,\n },\n )\n}\n"],"names":["theme","watch","generatorColorVariables","defaultDarkToken","defaultToken","DEFAULT_NAMESPACE","updateCSSVariables"],"mappings":"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"}
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "1.2.
|
|
1
|
+
export declare const version = "1.2.8";
|
package/lib/version.js
CHANGED
package/lib/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sources":["../../../packages/pro-design-vue/version.ts"],"sourcesContent":["export const version = '1.2.
|
|
1
|
+
{"version":3,"file":"version.js","sources":["../../../packages/pro-design-vue/version.ts"],"sourcesContent":["export const version = '1.2.8'\n"],"names":[],"mappings":";;AAAO,MAAM,OAAA,GAAU;;;;"}
|