@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

package/packages/components/collapse-panel/index.d.ts

@@ -3,7 +3,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
-        readonly header: string;
+        readonly header?: string | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -20,7 +20,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<{
-        header: string;
+        header?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         header: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
@@ -46,7 +46,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
 } & Readonly<{
     header: string;
 }> & Omit<Readonly<{
-    header: string;
+    header?: string;
 }> & Readonly<{}>, "header"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         header?: (props: {}) => any;
@@ -59,7 +59,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
-        readonly header: string;
+        readonly header?: string | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -76,7 +76,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
     $emit: (event: string, ...args: any[]) => void;
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<{
-        header: string;
+        header?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         header: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
@@ -102,7 +102,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
 } & Readonly<{
     header: string;
 }> & Omit<Readonly<{
-    header: string;
+    header?: string;
 }> & Readonly<{}>, "header"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         header?: (props: {}) => any;
@@ -114,7 +114,7 @@ declare const DasCollaspePanelRef: () => import("vue").Ref<({
 }) | null>;
 declare const DasCollaspePanel: import("@das-fed/upf-utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-        header: string;
+        header?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         header: string;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -125,7 +125,7 @@ declare const DasCollaspePanel: import("@das-fed/upf-utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<{
-        header: string;
+        header?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, {
         header: string;
     }>;
@@ -133,7 +133,7 @@ declare const DasCollaspePanel: import("@das-fed/upf-utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{
-    header: string;
+    header?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     header: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/packages/components/collapse-panel/index.js

@@ -1,38 +1,37 @@
 import '@das-fed/upf-ui/packages/components/collapse-panel/style.css';
-import { defineComponent as c, useAttrs as i, inject as f, computed as m, openBlock as n, createBlock as u, unref as p, mergeProps as h, withCtx as s, createCommentVNode as d, renderSlot as l, withDirectives as _, createElementBlock as w, createTextVNode as C, toDisplayString as v, ref as b } from "vue";
-import { withInstall as D } from "@das-fed/upf-utils/with-install/index";
-import { setThemeRule as g } from "@das-fed/upf-web/packages/theme/index";
-import { CollapsePanel as k } from "ant-design-vue";
-import { vDasTooltip as P } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { defineComponent as d, useAttrs as i, inject as u, computed as f, openBlock as n, createBlock as m, unref as p, mergeProps as h, withCtx as s, createCommentVNode as c, renderSlot as l, withDirectives as _, createElementBlock as w, createTextVNode as C, toDisplayString as v, ref as D } from "vue";
+import { withInstall as b } from "@das-fed/upf-utils/with-install/index";
+import { CollapsePanel as P } from "ant-design-vue";
+import { vDasTooltip as $ } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import "ant-design-vue/es/collapse/style/css";
 import "@das-fed/upf-ui/packages/global/theme";
-const $ = { class: "das-collaspe-panel--header" }, x = /* @__PURE__ */ c({
+const k = { class: "das-collaspe-panel--header" }, x = /* @__PURE__ */ d({
   __name: "Index",
   props: {
     header: { default: "" }
   },
   setup(t) {
-    const r = i(), o = f("parentCollapsible"), a = m(() => o.value || r.collapsible === "disabled");
-    return (e, T) => (n(), u(p(k), h(e.$attrs, {
+    const a = i(), o = u("parentCollapsible"), r = f(() => o.value || a.collapsible === "disabled");
+    return (e, B) => (n(), m(p(P), h(e.$attrs, {
       class: "das-collaspe-panel",
-      showArrow: a.value ? !1 : e.$attrs.showArrow
+      showArrow: r.value ? !1 : e.$attrs.showArrow
     }), {
       header: s(() => [
-        d(" 面板头内容 "),
+        c(" 面板头内容 "),
         l(e.$slots, "header", {}, () => [
-          _((n(), w("div", $, [
+          _((n(), w("div", k, [
             C(
               v(t.header),
               1
               /* TEXT */
             )
           ])), [
-            [p(P)]
+            [p($)]
           ])
         ], !0)
       ]),
       extra: s(() => [
-        d(" 自定义渲染每个面板右上角的内容 "),
+        c(" 自定义渲染每个面板右上角的内容 "),
         l(e.$slots, "extra", {}, void 0, !0)
       ]),
       default: s(() => [
@@ -42,18 +41,14 @@ const $ = { class: "das-collaspe-panel--header" }, x = /* @__PURE__ */ c({
       /* FORWARDED */
     }, 16, ["showArrow"]));
   }
-}), A = (t, r) => {
+}), A = (t, a) => {
   const o = t.__vccOpts || t;
-  for (const [a, e] of r)
-    o[a] = e;
+  for (const [r, e] of a)
+    o[r] = e;
   return o;
-}, B = /* @__PURE__ */ A(x, [["__scopeId", "data-v-79e55d9d"]]), I = {
-  "--das-ui-collaspe-bgcolor": { light: "#ffffff", dark: "#000000" }
-};
-g(I);
-const O = () => b(null), q = D(B);
+}, g = /* @__PURE__ */ A(x, [["__scopeId", "data-v-e4682cad"]]), V = () => D(null), j = b(g);
 export {
-  q as DasCollaspePanel,
-  O as DasCollaspePanelRef,
-  q as default
+  j as DasCollaspePanel,
+  V as DasCollaspePanelRef,
+  j as default
 };

package/packages/components/collapse-panel/src/Index.vue.d.ts

@@ -2,7 +2,7 @@ import 'ant-design-vue/es/collapse/style/css';
 /** 基于Ant Design，文档见：https://www.antdv.com/components/collapse-cn#API */
 type CollapsePanelProps = {
     /** 面板标题 */
-    header: string;
+    header?: string;
 };
 declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {

package/packages/components/collapse-panel/style.css

@@ -1 +1 @@
-.das-collaspe-panel[data-v-79e55d9d]{background:var(--das-ui-collaspe-bgcolor);border:0}.das-collaspe-panel.ant-collapse-item-disabled[data-v-79e55d9d] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-79e55d9d] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header{height:40px!important;font-size:16px!important;color:var(--das-ui-color-normal)!important;letter-spacing:0!important;line-height:24px!important;font-weight:600!important;box-sizing:border-box!important;padding:8px 50px 8px 28px!important}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header:hover{color:var(--das-ui-color-secondary)}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-header .ant-collapse-arrow{vertical-align:text-bottom!important;font-size:16px!important;margin-right:6px!important;color:var(--das-ui-color-secondary)!important}.das-collaspe-panel[data-v-79e55d9d] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}
+.das-collaspe-panel[data-v-e4682cad]{background:var(--upf-bg-elevated, var(--das-ui-collaspe-bgcolor, #ffffff));border:0}.das-collaspe-panel.ant-collapse-item-disabled[data-v-e4682cad] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-e4682cad] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header{height:40px!important;font-size:16px!important;color:var(--upf-text-primary, var(--das-ui-color-normal, #212121))!important;letter-spacing:0!important;line-height:24px!important;font-weight:600!important;box-sizing:border-box!important;padding:8px 50px 8px 28px!important}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header:hover{color:var(--upf-text-secondary, var(--das-ui-color-secondary, #666666))}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-header .ant-collapse-arrow{vertical-align:text-bottom!important;font-size:16px!important;margin-right:6px!important;color:var(--upf-text-secondary, var(--das-ui-color-secondary, #666666))!important}.das-collaspe-panel[data-v-e4682cad] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}

package/packages/components/collaspe/index.d.ts

@@ -23,8 +23,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         width: string;
-        activeKey: string | string[];
         bordered: boolean;
+        activeKey: string | string[];
         expandIconType: "triangle" | "arrow";
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -48,10 +48,10 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
     width: string;
-    activeKey: string | string[];
     bordered: boolean;
+    activeKey: string | string[];
     expandIconType: "triangle" | "arrow";
-}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "width" | "activeKey" | "bordered" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "width" | "bordered" | "activeKey" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     };
@@ -80,8 +80,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         width: string;
-        activeKey: string | string[];
         bordered: boolean;
+        activeKey: string | string[];
         expandIconType: "triangle" | "arrow";
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -105,10 +105,10 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
     width: string;
-    activeKey: string | string[];
     bordered: boolean;
+    activeKey: string | string[];
     expandIconType: "triangle" | "arrow";
-}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "width" | "activeKey" | "bordered" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{}>, "width" | "bordered" | "activeKey" | "expandIconType"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     };
@@ -116,8 +116,8 @@ declare const DasCollaspeRef: () => import("vue").Ref<({
 declare const DasCollaspe: import("@das-fed/upf-utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         width: string;
-        activeKey: string | string[];
         bordered: boolean;
+        activeKey: string | string[];
         expandIconType: "triangle" | "arrow";
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -128,8 +128,8 @@ declare const DasCollaspe: import("@das-fed/upf-utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, {
         width: string;
-        activeKey: string | string[];
         bordered: boolean;
+        activeKey: string | string[];
         expandIconType: "triangle" | "arrow";
     }>;
     __isFragment?: never;
@@ -137,8 +137,8 @@ declare const DasCollaspe: import("@das-fed/upf-utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     width: string;
-    activeKey: string | string[];
     bordered: boolean;
+    activeKey: string | string[];
     expandIconType: "triangle" | "arrow";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/packages/components/collaspe/index.js

@@ -2,6 +2,7 @@ import '@das-fed/upf-ui/packages/components/collaspe/style.css';
 import { defineComponent as p, useAttrs as f, provide as u, openBlock as m, createBlock as y, unref as r, mergeProps as v, isRef as b, createSlots as C, withCtx as c, renderSlot as I, createVNode as w, normalizeStyle as x, ref as K } from "vue";
 import { withInstall as g } from "@das-fed/upf-utils/with-install/index";
 import { Collapse as h } from "ant-design-vue";
+import "@das-fed/upf-ui/packages/components/icon/index";
 import { DasIconDown3 as k } from "@das-fed/upf-ui/packages/icons/down-3/index";
 import { useModelValue as i } from "@das-fed/upf-utils/vue";
 import "ant-design-vue/es/collapse/style/css";
@@ -46,9 +47,9 @@ const D = /* @__PURE__ */ p({
   for (const [t, a] of l)
     o[t] = a;
   return o;
-}, S = /* @__PURE__ */ B(D, [["__scopeId", "data-v-c9735d0f"]]), A = () => K(null), M = g(S);
+}, S = /* @__PURE__ */ B(D, [["__scopeId", "data-v-c9735d0f"]]), M = () => K(null), N = g(S);
 export {
-  M as DasCollaspe,
-  A as DasCollaspeRef,
-  M as default
+  N as DasCollaspe,
+  M as DasCollaspeRef,
+  N as default
 };

package/packages/components/collaspe/src/Index.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     width: string;
-    activeKey: string | string[];
     bordered: boolean;
+    activeKey: string | string[];
     expandIconType: "triangle" | "arrow";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/packages/components/color-picker/index.d.ts

@@ -13,8 +13,8 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
     placeholder: string;
     modelValue: any;
     isView: boolean;
+    borderType: "bottom" | "bordered";
     noSetDefaultVal: boolean;
-    borderType: string;
 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
     B: {};
@@ -32,8 +32,8 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
     placeholder: string;
     modelValue: any;
     isView: boolean;
+    borderType: "bottom" | "bordered";
     noSetDefaultVal: boolean;
-    borderType: string;
 }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -48,8 +48,8 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
     placeholder: string;
     modelValue: any;
     isView: boolean;
+    borderType: "bottom" | "bordered";
     noSetDefaultVal: boolean;
-    borderType: string;
 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
     B: {};
@@ -67,8 +67,8 @@ declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateCom
     placeholder: string;
     modelValue: any;
     isView: boolean;
+    borderType: "bottom" | "bordered";
     noSetDefaultVal: boolean;
-    borderType: string;
 }> | null>;
 declare const DasColorPicker: import("@das-fed/upf-utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (value: string) => any;
@@ -84,8 +84,8 @@ declare const DasColorPicker: import("@das-fed/upf-utils").SFCWithInstall<import
     placeholder: string;
     modelValue: any;
     isView: boolean;
+    borderType: "bottom" | "bordered";
     noSetDefaultVal: boolean;
-    borderType: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasColorPicker, DasColorPickerRef };
 export default DasColorPicker;

package/packages/components/color-picker/index.js

@@ -1,28 +1,27 @@
 import '@das-fed/upf-ui/packages/components/color-picker/style.css';
-import { defineComponent as T, computed as D, ref as y, openBlock as c, createElementBlock as w, createCommentVNode as f, createVNode as k, unref as e, mergeProps as N, isRef as I, withCtx as m, createBlock as v, createElementVNode as P, normalizeClass as C, normalizeStyle as S, Fragment as O, renderList as $, toDisplayString as F } from "vue";
-import { withInstall as M } from "@das-fed/upf-utils/with-install/index";
-import { currentLang as A, t as H, setI18nRule as L } from "@das-fed/upf-web/packages/i18n/index";
-import { DasDropdown as U, DasDropdownMenu as j } from "@das-fed/upf-ui/packages/components/dropdown/index";
-import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasInput as J } from "@das-fed/upf-ui/packages/components/input/index";
-import { ElConfigProvider as K, ElColorPicker as Q } from "element-plus";
+import { defineComponent as N, computed as b, ref as y, openBlock as p, createElementBlock as V, createCommentVNode as u, createVNode as v, unref as e, mergeProps as O, isRef as I, withCtx as f, createBlock as k, createElementVNode as P, normalizeClass as C, normalizeStyle as S, Fragment as $, renderList as M, toDisplayString as A } from "vue";
+import { withInstall as F } from "@das-fed/upf-utils/with-install/index";
+import { currentLang as L, t as H, setI18nRule as U } from "@das-fed/upf-web/packages/i18n/index";
+import { DasDropdown as j, DasDropdownMenu as q } from "@das-fed/upf-ui/packages/components/dropdown/index";
+import { DasAutoRegisterIcon as G, DasIcon as J } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DasInput as K } from "@das-fed/upf-ui/packages/components/input/index";
+import { ElConfigProvider as Q, ElColorPicker as W } from "element-plus";
 import "element-plus/es/components/color-picker/style/css";
 import { useModelValue as g } from "@das-fed/upf-utils/vue";
-import W from "element-plus/dist/locale/zh-cn.mjs";
-import X from "element-plus/dist/locale/en.mjs";
-import { setThemeRule as Y } from "@das-fed/upf-web/packages/theme/index";
-const Z = (s, d) => {
-  const l = g(s, "modelValue"), u = g(s, "options");
-  let p = g(s, "modelValue");
-  return { innerValue: l, inputChangeHandler: (a) => {
-    p.value = a, d("update:modelValue", a), d("change", a);
-  }, inputInputHandler: (a) => {
-    p.value = a, d("update:modelValue", a), d("dasInput", a), d("change", a);
-  }, colorOption: u, colorPickerValue: p };
+import X from "element-plus/dist/locale/zh-cn.mjs";
+import Y from "element-plus/dist/locale/en.mjs";
+const Z = (s, r) => {
+  const l = g(s, "modelValue"), c = g(s, "options");
+  let t = g(s, "modelValue");
+  return { innerValue: l, inputChangeHandler: (i) => {
+    t.value = i, r("update:modelValue", i), r("change", i);
+  }, inputInputHandler: (i) => {
+    t.value = i, r("update:modelValue", i), r("dasInput", i), r("change", i);
+  }, colorOption: c, colorPickerValue: t };
 }, ee = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, oe = { class: "color-predefine-content" }, le = ["onClick"], ie = /* @__PURE__ */ T({
+}, oe = { class: "color-predefine-content" }, le = ["onClick"], ie = /* @__PURE__ */ N({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -41,116 +40,116 @@ const Z = (s, d) => {
     formSize: {}
   },
   emits: ["update:modelValue", "change", "dasInput"],
-  setup(s, { emit: d }) {
-    const l = s, u = d;
-    q({
+  setup(s, { emit: r }) {
+    const l = s, c = r;
+    G({
       fold: import("@das-fed/upf-ui/packages/icons/fold"),
       close2: import("@das-fed/upf-ui/packages/icons/close-2")
     });
-    const p = D(() => A.value === "zh-CN" ? W : X), _ = D(() => l.placeholder || H("请输入")), { innerValue: i, inputChangeHandler: a, inputInputHandler: R, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), V = y(!1), x = (t) => {
-      var n, r;
-      u("change", t), i.value = t, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), V.value = !1;
-    }, z = () => {
-      var t, n;
-      o.value.mode != "default" && ((n = (t = b.value) == null ? void 0 : t.getElRef()) == null || n.handleOpen(), V.value = !0);
-    }, B = (t) => {
-      V.value = t;
+    const t = b(() => L.value === "zh-CN" ? X : Y), _ = b(() => l.placeholder || H("请输入")), z = b(() => l.borderType), { innerValue: i, inputChangeHandler: x, inputInputHandler: B, colorOption: o, colorPickerValue: w } = Z(l, c), h = y(), m = y(!1), E = (d) => {
+      var a, n;
+      c("change", d), i.value = d, (n = (a = h.value) == null ? void 0 : a.getElRef()) == null || n.handleClose(), m.value = !1;
+    }, D = () => {
+      var d, a;
+      o.value.mode != "default" && ((a = (d = h.value) == null ? void 0 : d.getElRef()) == null || a.handleOpen(), m.value = !0);
+    }, R = (d) => {
+      m.value = d;
     };
-    return (t, n) => (c(), w("div", ee, [
-      f(" 内部 input 宽度跟随容器自适应，避免使用 das-input 默认的 230px 固定宽度 "),
-      k(e(J), N({
+    return (d, a) => (p(), V("div", ee, [
+      u(" 内部 input 宽度跟随容器自适应，避免使用 das-input 默认的 230px 固定宽度 "),
+      v(e(K), O({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
           { "das-empty-color": !e(i) },
           { "das-predefine-cell": e(o).mode == "predefine" && (!e(o).isView || !l.isView) },
           { "das-predefine-view-cell": e(o).mode == "predefine" && (e(o).isView || l.isView) },
           { "das-both-view-cell": e(o).isView || l.isView },
-          { "focus-predefine-view-cell": e(o).mode == "predefine" && V.value }
+          { "focus-predefine-view-cell": e(o).mode == "predefine" && m.value }
         ]],
         width: "100%",
         modelValue: e(i),
-        "onUpdate:modelValue": n[1] || (n[1] = (r) => I(i) ? i.value = r : null)
-      }, t.$attrs, {
+        "onUpdate:modelValue": a[1] || (a[1] = (n) => I(i) ? i.value = n : null)
+      }, d.$attrs, {
         isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
         disabled: e(o).disabled || l.disabled,
         append: "",
-        onClick: z,
-        onInput: e(R),
-        borderType: l.borderType,
+        onClick: D,
+        onInput: e(B),
+        borderType: z.value,
         placeholder: _.value,
         noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(i),
         size: l.formSize
       }), {
-        append: m(() => [
-          e(o).mode == "default" ? (c(), v(e(K), {
+        append: f(() => [
+          e(o).mode == "default" ? (p(), k(e(Q), {
             key: 0,
-            locale: p.value
+            locale: t.value
           }, {
-            default: m(() => [
-              !e(o).isView && !l.isView || e(i) ? (c(), v(e(Q), {
+            default: f(() => [
+              !e(o).isView && !l.isView || e(i) ? (p(), k(e(W), {
                 key: 0,
-                locale: p.value,
+                locale: t.value,
                 placement: e(o).placement,
-                modelValue: e(h),
-                "onUpdate:modelValue": n[0] || (n[0] = (r) => I(h) ? h.value = r : null),
+                modelValue: e(w),
+                "onUpdate:modelValue": a[0] || (a[0] = (n) => I(w) ? w.value = n : null),
                 size: e(o).size,
                 "show-alpha": e(o).showAlpha,
                 "color-format": e(o).colorFormat,
                 "popper-class": `das-color-picker-popper ${e(o).popperClass}`,
                 predefine: e(o).predefine,
                 disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
-                onChange: e(a)
-              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : f("v-if", !0)
+                onChange: e(x)
+              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : u("v-if", !0)
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["locale"])) : f("v-if", !0),
-          e(o).mode == "predefine" ? (c(), v(e(U), {
+          }, 8, ["locale"])) : u("v-if", !0),
+          e(o).mode == "predefine" ? (p(), k(e(j), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
-            ref: b,
+            ref: h,
             trigger: "click",
             placement: "bottom-end",
             selfPopperClass: "color-predefine-dropdown",
             "hide-on-click": !1,
-            onVisibleChange: B
+            onVisibleChange: R
           }, {
-            content: m(() => [
+            content: f(() => [
               P(
                 "span",
                 {
                   class: C([
                     "color-predefine-icon",
                     e(o).size,
-                    e(i) && e(i) != "-",
+                    { "border-predefine": e(i) && e(i) != "-" },
                     { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
                   ]),
                   style: S("background-color:" + e(i))
                 },
                 [
-                  k(e(G), {
+                  v(e(J), {
                     icon: e(i) && e(i) != "-" ? "fold" : "close2",
                     customSize: "6px",
-                    iconColor: e(i) && e(i) != "-" ? "#fff" : "#909399"
+                    iconColor: e(i) && e(i) != "-" ? "var(--upf-bg-primary)" : "var(--upf-text-secondary)"
                   }, null, 8, ["icon", "iconColor"])
                 ],
                 6
                 /* CLASS, STYLE */
               )
             ]),
-            default: m(() => [
-              k(e(j), null, {
-                default: m(() => [
+            default: f(() => [
+              v(e(q), null, {
+                default: f(() => [
                   P("div", oe, [
-                    (c(!0), w(
-                      O,
+                    (p(!0), V(
+                      $,
                       null,
-                      $(e(o).predefine, (r, E) => (c(), w("div", {
-                        class: C(["color-predefine-span", { active: e(i) == r }]),
-                        key: E,
-                        style: S("background-color:" + r),
-                        onClick: (te) => x(r)
+                      M(e(o).predefine, (n, T) => (p(), V("div", {
+                        class: C(["color-predefine-span", { active: e(i) == n }]),
+                        key: T,
+                        style: S("background-color:" + n),
+                        onClick: (de) => E(n)
                       }, null, 14, le))),
                       128
                       /* KEYED_FRAGMENT */
@@ -163,42 +162,34 @@ const Z = (s, d) => {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["disabled"])) : f("v-if", !0)
+          }, 8, ["disabled"])) : u("v-if", !0)
         ]),
         _: 1
         /* STABLE */
       }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "placeholder", "noSetDefaultVal", "size"]),
-      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (c(), w(
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(i) ? (p(), V(
         "span",
         {
           key: 0,
           class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-          onClick: z
+          onClick: D
         },
-        F(e(H)("请选择")),
+        A(e(H)("请选择")),
         3
         /* TEXT, CLASS */
-      )) : f("v-if", !0)
+      )) : u("v-if", !0)
     ]));
   }
-}), ae = (s, d) => {
+}), ae = (s, r) => {
   const l = s.__vccOpts || s;
-  for (const [u, p] of d)
-    l[u] = p;
+  for (const [c, t] of r)
+    l[c] = t;
   return l;
-}, ne = /* @__PURE__ */ ae(ie, [["__scopeId", "data-v-fc8bd5a5"]]), re = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
-  },
-  "--das-ui-color-picker-primary": "#5582F3"
-  // 主题色
-}, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
-L(de);
-Y(re);
-const Ce = () => y(null), ge = M(ne);
+}, ne = /* @__PURE__ */ ae(ie, [["__scopeId", "data-v-3798695f"]]), re = { 请输入: { "zh-CN": "请输入", en: "Please enter", "zh-MO": "請輸入", _appCode: "framework" } };
+U(re);
+const ve = () => y(null), ke = F(ne);
 export {
-  ge as DasColorPicker,
-  Ce as DasColorPickerRef,
-  ge as default
+  ke as DasColorPicker,
+  ve as DasColorPickerRef,
+  ke as default
 };

package/packages/components/color-picker/src/Index.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     placeholder: string;
     modelValue: any;
     isView: boolean;
+    borderType: "bottom" | "bordered";
     noSetDefaultVal: boolean;
-    borderType: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;