@das-fed/ui 7.1.0-dev.9 → 7.1.0-qatar.2

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

@@ -1,59 +1,84 @@
 import '@das-fed/ui/packages/components/collapse-panel/style.css';
-import { defineComponent as i, useAttrs as d, inject as f, computed as m, createBlock as u, openBlock as n, unref as p, mergeProps as h, withCtx as a, renderSlot as l, createCommentVNode as c, withDirectives as _, createElementBlock as v, createTextVNode as w, toDisplayString as C, ref as b } from "vue";
-import { withInstall as D } from "@das-fed/utils/with-install/index";
-import { setThemeRule as g } from "@das-fed/web/packages/theme/index";
-import { CollapsePanel as k } from "ant-design-vue";
-import { vDasTooltip as P } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { defineComponent as h, useAttrs as C, ref as m, inject as v, computed as _, createBlock as w, openBlock as c, unref as d, mergeProps as b, withCtx as p, renderSlot as i, createElementVNode as o, withModifiers as k, createCommentVNode as f, withDirectives as g, createElementBlock as x, createTextVNode as D, toDisplayString as P, normalizeClass as N } from "vue";
+import { withInstall as $ } from "@das-fed/utils/with-install/index";
+import { setThemeRule as A } from "@das-fed/web/packages/theme/index";
+import { CollapsePanel as B } from "ant-design-vue";
+import { vDasTooltip as E } from "@das-fed/ui/packages/components/text-tooltip/index";
 import "ant-design-vue/es/collapse/style/css";
 import "@das-fed/ui/packages/global/theme";
-const $ = { class: "das-collaspe-panel--header" }, A = /* @__PURE__ */ i({
+const I = { class: "das-collaspe-panel--header" }, T = { class: "das-collaspe-panel-extra-content" }, V = /* @__PURE__ */ h({
   __name: "Index",
   props: {
     header: { default: "" }
   },
-  setup(o) {
-    const r = d(), t = f("parentCollapsible"), s = m(() => t.value || r.collapsible === "disabled");
-    return (e, T) => (n(), u(p(k), h(e.$attrs, {
+  setup(l) {
+    const t = C(), a = m("das-collaspe-panel--header-left"), r = v("parentCollapsible"), n = _(() => r.value || t.collapsible === "disabled"), u = (e) => {
+      var s;
+      ((s = e == null ? void 0 : e.target) == null ? void 0 : s.className) === a.value && (e.preventDefault(), e.stopPropagation());
+    };
+    return (e, s) => (c(), w(d(B), b(e.$attrs, {
       class: "das-collaspe-panel",
-      showArrow: s.value ? !1 : e.$attrs.showArrow
+      showArrow: n.value ? !1 : e.$attrs.showArrow
     }), {
-      header: a(() => [
-        c(" 面板头内容 "),
-        l(e.$slots, "header", {}, () => [
-          _((n(), v("div", $, [
-            w(
-              C(e.header),
-              1
-              /* TEXT */
-            )
-          ])), [
-            [p(P)]
-          ])
-        ], !0)
+      header: p(() => [
+        f(" 面板头内容 "),
+        o("div", {
+          onClick: u,
+          class: "das-collaspe-panel--header-box"
+        }, [
+          i(e.$slots, "header", {}, () => [
+            g((c(), x("div", I, [
+              D(
+                P(e.header),
+                1
+                /* TEXT */
+              )
+            ])), [
+              [d(E)]
+            ])
+          ], !0),
+          o(
+            "div",
+            {
+              class: N(a.value)
+            },
+            null,
+            2
+            /* CLASS */
+          )
+        ])
       ]),
-      extra: a(() => [
-        c(" 自定义渲染每个面板右上角的内容 "),
-        l(e.$slots, "extra", {}, void 0, !0)
+      extra: p(() => [
+        o("div", {
+          class: "das-collaspe-panel-extra-box",
+          onClick: s[0] || (s[0] = k(() => {
+          }, ["stop"]))
+        }, [
+          o("div", T, [
+            f(" 自定义渲染每个面板右上角的内容 "),
+            i(e.$slots, "extra", {}, void 0, !0)
+          ])
+        ])
       ]),
-      default: a(() => [
-        l(e.$slots, "default", {}, void 0, !0)
+      default: p(() => [
+        i(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 16, ["showArrow"]));
   }
-}), x = (o, r) => {
-  const t = o.__vccOpts || o;
-  for (const [s, e] of r)
-    t[s] = e;
-  return t;
-}, B = /* @__PURE__ */ x(A, [["__scopeId", "data-v-4de50fce"]]), I = {
+}), y = (l, t) => {
+  const a = l.__vccOpts || l;
+  for (const [r, n] of t)
+    a[r] = n;
+  return a;
+}, R = /* @__PURE__ */ y(V, [["__scopeId", "data-v-12bf1725"]]), S = {
   "--das-ui-collaspe-bgcolor": { light: "#ffffff", dark: "#000000" }
 };
-g(I);
-const O = () => b(null), q = D(B);
+A(S);
+const G = () => m(null), J = $(R);
 export {
-  q as DasCollaspePanel,
-  O as DasCollaspePanelRef,
-  q as default
+  J as DasCollaspePanel,
+  G as DasCollaspePanelRef,
+  J as default
 };

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

@@ -1 +1 @@
-.das-collaspe-panel[data-v-4de50fce]{background:var(--das-ui-collaspe-bgcolor);border:0}.das-collaspe-panel.ant-collapse-item-disabled[data-v-4de50fce] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-4de50fce] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel[data-v-4de50fce] .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-4de50fce] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header:hover{color:var(--das-ui-color-secondary)}.das-collaspe-panel[data-v-4de50fce] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-4de50fce] .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-4de50fce] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}
+.das-collaspe-panel[data-v-12bf1725]{background:var(--das-ui-collaspe-bgcolor);border:0;position:relative}.das-collaspe-panel[data-v-12bf1725]:before{content:"";position:absolute;height:40px;top:0;left:0;width:28px;pointer-events:auto;z-index:1}.das-collaspe-panel[data-v-12bf1725]:after{content:"";position:absolute;height:40px;top:0;right:0;width:50px;z-index:1}.das-collaspe-panel.ant-collapse-item-disabled[data-v-12bf1725] .ant-collapse-header,.das-collaspe-panel.ant-collapse-item-disabled[data-v-12bf1725] .ant-collapse-header>.arrow{cursor:default}.das-collaspe-panel .das-collaspe-panel--header-left[data-v-12bf1725]{flex:1;height:100%;cursor:auto;position:relative}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-extra{height:100%}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-extra .das-collaspe-panel-extra-box{height:100%;display:flex;align-items:center}.das-collaspe-panel[data-v-12bf1725] .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:0 50px 0 28px!important;align-items:center!important}html[lang=ar] .das-collaspe-panel[data-v-12bf1725] .ant-collapse-header,:host-context(html[lang="ar"]) .das-collaspe-panel[data-v-12bf1725] .ant-collapse-header{font-size:18px!important}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header .das-collaspe-panel--header-box{flex:1;height:40px;display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header .das-collaspe-panel--header{line-height:24px!important;height:24px}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header:hover{color:var(--das-ui-color-secondary)}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-header>div:first-child{height:24px;display:flex;align-items:center;justify-content:center}.das-collaspe-panel[data-v-12bf1725] .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}html[lang=ar] .das-collaspe-panel[data-v-12bf1725] .ant-collapse-header .ant-collapse-arrow,:host-context(html[lang="ar"]) .das-collaspe-panel[data-v-12bf1725] .ant-collapse-header .ant-collapse-arrow{font-size:18px!important}.das-collaspe-panel[data-v-12bf1725] .ant-collapse-content .ant-collapse-content-box{padding:0 50px}

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

@@ -2,6 +2,7 @@ declare const _default: {
     请输入: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

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

@@ -1,28 +1,28 @@
 import '@das-fed/ui/packages/components/color-picker/style.css';
-import { defineComponent as x, computed as I, ref as y, createElementBlock as V, openBlock as c, createVNode as k, createCommentVNode as w, unref as e, mergeProps as N, isRef as z, withCtx as f, createBlock as v, createElementVNode as P, Fragment as O, renderList as $, normalizeStyle as H, normalizeClass as C, toDisplayString as F } from "vue";
-import { withInstall as A } from "@das-fed/utils/with-install/index";
-import { currentLang as L, t as R, setI18nRule as M } from "@das-fed/web/packages/i18n/index";
-import { DasDropdown as U, DasDropdownMenu as j } from "@das-fed/ui/packages/components/dropdown/index";
-import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/ui/packages/components/icon/index";
-import { DasInput as J } from "@das-fed/ui/packages/components/input/index";
-import { ElConfigProvider as K, ElColorPicker as Q } from "element-plus";
+import { defineComponent as N, computed as z, ref as _, createElementBlock as b, openBlock as u, createVNode as g, createCommentVNode as w, unref as e, mergeProps as O, isRef as P, withCtx as m, createBlock as v, createElementVNode as x, Fragment as $, renderList as A, normalizeStyle as H, normalizeClass as C, toDisplayString as F } from "vue";
+import { withInstall as L } from "@das-fed/utils/with-install/index";
+import { currentLang as M, t as R, setI18nRule as U } from "@das-fed/web/packages/i18n/index";
+import { getVar as a, setGlobalThemeRule as G, setThemeRule as j } from "@das-fed/web/packages/theme/index";
+import { DasDropdown as q, DasDropdownMenu as J } from "@das-fed/ui/packages/components/dropdown/index";
+import { DasAutoRegisterIcon as K, DasIcon as Q } from "@das-fed/ui/packages/components/icon/index";
+import { DasInput as W } from "@das-fed/ui/packages/components/input/index";
+import { ElConfigProvider as X, ElColorPicker as Y } from "element-plus";
 import "element-plus/es/components/color-picker/style/css";
-import { useModelValue as g } from "@das-fed/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/web/packages/theme/index";
-const Z = (s, d) => {
-  const l = g(s, "modelValue"), u = g(s, "options");
-  let p = g(s, "modelValue");
+import { useModelValue as y } from "@das-fed/utils/vue";
+import Z from "element-plus/dist/locale/zh-cn.mjs";
+import ee from "element-plus/dist/locale/en.mjs";
+const oe = (c, s) => {
+  const l = y(c, "modelValue"), f = y(c, "options");
+  let p = y(c, "modelValue");
   return { innerValue: l, inputChangeHandler: (i) => {
-    p.value = i, d("update:modelValue", i), d("change", i);
+    p.value = i, s("update:modelValue", i), s("change", i);
   }, inputInputHandler: (i) => {
-    p.value = i, d("update:modelValue", i), d("dasInput", i), d("change", i);
-  }, colorOption: u, colorPickerValue: p };
-}, ee = {
+    p.value = i, s("update:modelValue", i), s("dasInput", i), s("change", i);
+  }, colorOption: f, colorPickerValue: p };
+}, le = {
   class: "das-ui-color-picker",
   style: { width: "100%" }
-}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ x({
+}, re = { class: "color-predefine-content" }, ae = ["onClick"], ie = /* @__PURE__ */ N({
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -40,55 +40,55 @@ const Z = (s, d) => {
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "dasInput"],
-  setup(s, { emit: d }) {
-    const l = s, u = d;
-    q({
+  setup(c, { emit: s }) {
+    const l = c, f = s;
+    K({
       fold: import("@das-fed/ui/packages/icons/fold"),
       close2: import("@das-fed/ui/packages/icons/close-2")
     });
-    const p = I(() => L.value === "zh-CN" ? W : X), _ = I(() => l.placeholder || R("请输入")), { innerValue: a, inputChangeHandler: i, inputInputHandler: S, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (t) => {
-      var n, r;
-      u("change", t), a.value = t, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
-    }, D = () => {
-      var t, n;
-      o.value.mode != "default" && ((n = (t = b.value) == null ? void 0 : t.getElRef()) == null || n.handleOpen(), m.value = !0);
-    }, E = (t) => {
-      m.value = t;
+    const p = z(() => M.value === "zh-CN" ? Z : ee), D = z(() => l.placeholder || R("请输入")), { innerValue: r, inputChangeHandler: i, inputInputHandler: S, colorOption: o, colorPickerValue: h } = oe(l, f), k = _(), V = _(!1), T = (t) => {
+      var d, n;
+      f("change", t), r.value = t, (n = (d = k.value) == null ? void 0 : d.getElRef()) == null || n.handleClose(), V.value = !1;
+    }, I = () => {
+      var t, d;
+      o.value.mode != "default" && ((d = (t = k.value) == null ? void 0 : t.getElRef()) == null || d.handleOpen(), V.value = !0);
+    }, B = (t) => {
+      V.value = t;
     };
-    return (t, n) => (c(), V("div", ee, [
-      k(e(J), N({
+    return (t, d) => (u(), b("div", le, [
+      g(e(W), O({
         class: ["das-color-picker-input", [
           `das-color-picker-${e(o).size}`,
-          { "das-empty-color": !e(a) },
+          { "das-empty-color": !e(r) },
           { "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" && m.value }
+          { "focus-predefine-view-cell": e(o).mode == "predefine" && V.value }
         ]],
-        modelValue: e(a),
-        "onUpdate:modelValue": n[1] || (n[1] = (r) => z(a) ? a.value = r : null)
+        modelValue: e(r),
+        "onUpdate:modelValue": d[1] || (d[1] = (n) => P(r) ? r.value = n : null)
       }, t.$attrs, {
         isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
         disabled: e(o).disabled || l.disabled,
         append: "",
-        onClick: D,
+        onClick: I,
         onInput: e(S),
         borderType: l.borderType,
-        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(a)
+        placeholder: D.value,
+        noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(r)
       }), {
-        append: f(() => [
-          e(o).mode == "default" ? (c(), v(e(K), {
+        append: m(() => [
+          e(o).mode == "default" ? (u(), v(e(X), {
             key: 0,
             locale: p.value
           }, {
-            default: f(() => [
-              !e(o).isView && !l.isView || e(a) ? (c(), v(e(Q), {
+            default: m(() => [
+              !e(o).isView && !l.isView || e(r) ? (u(), v(e(Y), {
                 key: 0,
                 locale: p.value,
                 placement: e(o).placement,
                 modelValue: e(h),
-                "onUpdate:modelValue": n[0] || (n[0] = (r) => z(h) ? h.value = r : null),
+                "onUpdate:modelValue": d[0] || (d[0] = (n) => P(h) ? h.value = n : null),
                 size: e(o).size,
                 "show-alpha": e(o).showAlpha,
                 "color-format": e(o).colorFormat,
@@ -101,53 +101,53 @@ const Z = (s, d) => {
             _: 1
             /* STABLE */
           }, 8, ["locale"])) : w("v-if", !0),
-          e(o).mode == "predefine" ? (c(), v(e(U), {
+          e(o).mode == "predefine" ? (u(), v(e(q), {
             key: 1,
             disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
             ref_key: "predefineDrown",
-            ref: b,
+            ref: k,
             trigger: "click",
             placement: "bottom-end",
             selfPopperClass: "color-predefine-dropdown",
             "hide-on-click": !1,
-            onVisibleChange: E
+            onVisibleChange: B
           }, {
-            content: f(() => [
-              P(
+            content: m(() => [
+              x(
                 "span",
                 {
                   class: C([
                     "color-predefine-icon",
                     e(o).size,
-                    e(a) && e(a) != "-",
+                    e(r) && e(r) != "-",
                     { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
                   ]),
-                  style: H("background-color:" + e(a))
+                  style: H("background-color:" + e(r))
                 },
                 [
-                  k(e(G), {
-                    icon: e(a) && e(a) != "-" ? "fold" : "close2",
+                  g(e(Q), {
+                    icon: e(r) && e(r) != "-" ? "fold" : "close2",
                     customSize: "6px",
-                    iconColor: e(a) && e(a) != "-" ? "#fff" : "#909399"
+                    iconColor: e(r) && e(r) != "-" ? e(a)("--das-ui-color-picker-bg-color") : e(a)("--das-ui-color-picker-empty-icon-color")
                   }, null, 8, ["icon", "iconColor"])
                 ],
                 6
                 /* CLASS, STYLE */
               )
             ]),
-            default: f(() => [
-              k(e(j), null, {
-                default: f(() => [
-                  P("div", oe, [
-                    (c(!0), V(
-                      O,
+            default: m(() => [
+              g(e(J), null, {
+                default: m(() => [
+                  x("div", re, [
+                    (u(!0), b(
+                      $,
                       null,
-                      $(e(o).predefine, (r, T) => (c(), V("div", {
-                        class: C(["color-predefine-span", { active: e(a) == r }]),
-                        key: T,
-                        style: H("background-color:" + r),
-                        onClick: (te) => B(r)
-                      }, null, 14, le))),
+                      A(e(o).predefine, (n, E) => (u(), b("div", {
+                        class: C(["color-predefine-span", { active: e(r) == n }]),
+                        key: E,
+                        style: H("background-color:" + n),
+                        onClick: (ce) => T(n)
+                      }, null, 14, ae))),
                       128
                       /* KEYED_FRAGMENT */
                     ))
@@ -164,12 +164,12 @@ const Z = (s, d) => {
         _: 1
         /* STABLE */
       }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "placeholder", "noSetDefaultVal"]),
-      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(a) ? (c(), V(
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(r) ? (u(), b(
         "span",
         {
           key: 0,
           class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
-          onClick: D
+          onClick: I
         },
         F(e(R)("请选择")),
         3
@@ -177,24 +177,31 @@ const Z = (s, d) => {
       )) : w("v-if", !0)
     ]));
   }
-}), ie = (s, d) => {
-  const l = s.__vccOpts || s;
-  for (const [u, p] of d)
-    l[u] = p;
+}), de = (c, s) => {
+  const l = c.__vccOpts || c;
+  for (const [f, p] of s)
+    l[f] = p;
   return l;
-}, ne = /* @__PURE__ */ ie(ae, [["__scopeId", "data-v-fa0ac329"]]), re = {
+}, ne = /* @__PURE__ */ de(ie, [["__scopeId", "data-v-f437b623"]]), se = {
   "--demo-alert-bg": {
-    light: "#fff",
+    light: a("--das-color-bg-container"),
     dark: "rgba(255,255,255,.2)"
   },
-  "--das-ui-color-picker-primary": "#5582F3"
-  // 主题色
-}, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" } };
-M(de);
-Y(re);
-const Ce = () => y(null), ge = A(ne);
+  "--das-ui-color-picker-primary": a("--das-color-brand-primary"),
+  "--das-ui-color-picker-placeholder-color": a("--das-color-text-caption"),
+  "--das-ui-color-picker-border-color": a("--das-color-text-subtle"),
+  "--das-ui-color-picker-border-color-disabled": a("--das-color-border-base"),
+  "--das-ui-color-picker-bg-color": a("--das-color-bg-container"),
+  "--das-ui-color-picker-disabled-color": a("--das-color-text-caption"),
+  "--das-ui-color-picker-empty-icon-color": a("--das-color-text-subtle"),
+  "--das-ui-color-picker-active-shadow": a("--das-color-brand-primary-shadow")
+}, te = { 请输入: { "zh-CN": "请输入", en: "Please enter", ar: "الرجاء الإدخال", _appCode: "framework" } };
+G();
+U(te);
+j(se);
+const ye = () => _(null), _e = L(ne);
 export {
-  ge as DasColorPicker,
-  Ce as DasColorPickerRef,
-  ge as default
+  _e as DasColorPicker,
+  ye as DasColorPickerRef,
+  _e as default
 };

package/packages/components/color-picker/style.css

@@ -1 +1 @@
-.das-ui-color-picker[data-v-fa0ac329]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-fa0ac329]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-fa0ac329]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-fa0ac329]{left:8px}.das-ui-color-picker .das-ui-input[data-v-fa0ac329]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-fa0ac329] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-fa0ac329] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-fa0ac329]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-fa0ac329]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-fa0ac329]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-fa0ac329]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}
+.das-ui-color-picker[data-v-f437b623]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-f437b623]{font-size:12px}html[lang=ar] .das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-f437b623],:host-context(html[lang="ar"]) .das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-f437b623]{font-size:14px}.das-ui-color-picker .predefine-placeholder[data-v-f437b623]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:var(--das-ui-color-picker-placeholder-color);font-size:14px}html[lang=ar] .das-ui-color-picker .predefine-placeholder[data-v-f437b623],:host-context(html[lang="ar"]) .das-ui-color-picker .predefine-placeholder[data-v-f437b623]{font-size:16px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-f437b623]{left:8px}.das-ui-color-picker .das-ui-input[data-v-f437b623]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-f437b623] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-f437b623] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-f437b623] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid var(--das-ui-color-picker-border-color);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-f437b623] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-f437b623]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-f437b623]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-f437b623]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-f437b623]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:var(--das-ui-color-picker-disabled-color)!important;-webkit-text-fill-color:var(--das-ui-color-picker-disabled-color)!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:var(--das-ui-color-picker-bg-color)}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px var(--das-ui-color-picker-primary) inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:var(--das-ui-color-picker-border-color-disabled)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid var(--das-ui-color-picker-border-color)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:var(--das-ui-color-picker-bg-color)}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:var(--das-ui-color-picker-primary)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:var(--das-ui-color-picker-border-color)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:var(--das-ui-color-picker-border-color-disabled)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:var(--das-ui-color-picker-disabled-color)!important;-webkit-text-fill-color:var(--das-ui-color-picker-disabled-color)!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:var(--das-ui-color-picker-border-color-disabled)!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}html[lang=ar] .das-ui-color-picker .el-color-picker .el-color-picker__empty,:host-context(html[lang="ar"]) .das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:10px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}

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

@@ -4,5 +4,12 @@ declare const _default: {
         dark: string;
     };
     '--das-ui-color-picker-primary': string;
+    '--das-ui-color-picker-placeholder-color': string;
+    '--das-ui-color-picker-border-color': string;
+    '--das-ui-color-picker-border-color-disabled': string;
+    '--das-ui-color-picker-bg-color': string;
+    '--das-ui-color-picker-disabled-color': string;
+    '--das-ui-color-picker-empty-icon-color': string;
+    '--das-ui-color-picker-active-shadow': string;
 };
 export default _default;

package/packages/components/custom-search-item/i18n/index.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     自定义: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/custom-search-item/index.js

@@ -3,8 +3,7 @@ import { defineComponent as f, ref as u, watchEffect as h, watch as v, createEle
 import { withInstall as P } from "@das-fed/utils/with-install/index";
 import { t as S, setI18nRule as _ } from "@das-fed/web/packages/i18n/index";
 import { DasRadio as k } from "@das-fed/ui/packages/components/radio/index";
-import { setThemeRule as D } from "@das-fed/web/packages/theme/index";
-const R = { class: "das-ui-custom-search-item" }, z = /* @__PURE__ */ f({
+const D = { class: "das-ui-custom-search-item" }, z = /* @__PURE__ */ f({
   __name: "Index",
   props: {
     label: { default: "" },
@@ -19,27 +18,27 @@ const R = { class: "das-ui-custom-search-item" }, z = /* @__PURE__ */ f({
     labelPosition: {}
   },
   emits: ["change", "update:modelValue"],
-  setup(l, { emit: n }) {
-    const o = l, s = n, t = u();
+  setup(l, { emit: r }) {
+    const o = l, s = r, t = u();
     h(() => {
       t.value = o.modelValue;
     }), v(t, (e) => {
       s("update:modelValue", e);
     });
-    const m = () => {
+    const p = () => {
       s("change", t.value);
-    }, p = u(((e, r) => {
-      if (r === "top")
+    }, m = u(((e, n) => {
+      if (n === "top")
         return "fit-content";
       let a = 4;
       return typeof e == "string" ? a = parseInt(e) : typeof e == "number" && (a = e), `${a * 12}px`;
     })(o.labelLength, o.labelPosition));
-    return (e, r) => (g(), b("div", R, [
+    return (e, n) => (g(), b("div", D, [
       i(
         "div",
         {
           class: "label",
-          style: C({ width: p.value })
+          style: C({ width: m.value })
         },
         c(e.label) + "：",
         5
@@ -47,12 +46,12 @@ const R = { class: "das-ui-custom-search-item" }, z = /* @__PURE__ */ f({
       ),
       y(d(k), I({
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
+        "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
         optionType: "filterSquare",
         radioType: "group",
         options: e.options,
         defaultProps: e.defaultProps,
-        onChange: m
+        onChange: p
       }, e.$attrs), null, 16, ["modelValue", "options", "defaultProps"]),
       i(
         "span",
@@ -66,22 +65,16 @@ const R = { class: "das-ui-custom-search-item" }, z = /* @__PURE__ */ f({
       V(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), B = (l, n) => {
+}), B = (l, r) => {
   const o = l.__vccOpts || l;
-  for (const [s, t] of n)
+  for (const [s, t] of r)
     o[s] = t;
   return o;
-}, E = /* @__PURE__ */ B(z, [["__scopeId", "data-v-5f3baa4f"]]), N = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
-  }
-}, T = { 自定义: { "zh-CN": "自定义", en: "Custom", _appCode: "framework" } };
-_(T);
-D(N);
-const U = () => u(null), j = P(E);
+}, E = /* @__PURE__ */ B(z, [["__scopeId", "data-v-5f3baa4f"]]), N = { 自定义: { "zh-CN": "自定义", en: "Custom", ar: "مخصص", _appCode: "framework" } };
+_(N);
+const H = () => u(null), L = P(E);
 export {
-  j as DasCustomSearchItem,
-  U as DasCustomSearchItemRef,
-  j as default
+  L as DasCustomSearchItem,
+  H as DasCustomSearchItemRef,
+  L as default
 };

package/packages/components/date-picker/i18n/index.d.ts

@@ -2,31 +2,37 @@ declare const _default: {
     开始日期: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     结束日期: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     开始时间: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     结束时间: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     请选择日期: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     请选择时间: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };