@ecan-bi/indicator-library 0.3.0 → 1.0.0

package/dist/index.es.js

@@ -1,5 +1,5 @@
-/*! @ecan-bi/indicator-library@0.3.0 */
-import { defineComponent as ne, inject as K, unref as p, computed as R, ref as B, reactive as pn, onMounted as Ee, resolveComponent as E, openBlock as x, createElementBlock as N, createVNode as O, withCtx as P, createElementVNode as Y, Fragment as ee, renderList as se, createTextVNode as J, toDisplayString as le, h as Xn, nextTick as tn, createBlock as H, createCommentVNode as ae, watch as ue, resolveDirective as fn, withModifiers as ce, withDirectives as vn, provide as ge, pushScopeId as mn, popScopeId as hn, mergeProps as pt, createSlots as ja, normalizeStyle as Le, withKeys as Ra, onBeforeUnmount as qo, onUnmounted as Yo, Teleport as Ba, Transition as Va, toRaw as Ga, resolveDynamicComponent as Rt, toHandlers as Kn } from "vue";
+/*! @ecan-bi/indicator-library@1.0.0 */
+import { defineComponent as ne, inject as K, unref as p, computed as R, ref as B, reactive as pn, onMounted as Ee, resolveComponent as E, openBlock as w, createElementBlock as N, createVNode as O, withCtx as P, createElementVNode as Y, Fragment as ee, renderList as se, createTextVNode as J, toDisplayString as le, h as Xn, nextTick as tn, createBlock as H, createCommentVNode as ae, watch as ue, resolveDirective as fn, withModifiers as ce, withDirectives as vn, provide as ge, pushScopeId as mn, popScopeId as hn, mergeProps as pt, createSlots as ja, normalizeStyle as Le, withKeys as Ra, onBeforeUnmount as qo, onUnmounted as Yo, Teleport as Ba, Transition as Va, toRaw as Ga, resolveDynamicComponent as Rt, toHandlers as Kn } from "vue";
 import { debounce as Xo, reduce as za, pick as Ko, cloneDeep as it, without as Ua } from "lodash-es";
 import { Spin as gn, TreeSelect as Ha, InputSearch as Wa, Pagination as qa, Modal as gt, Button as yn, Select as Ze, SelectOption as yt, Input as Qe, Checkbox as Jo, Collapse as Zo, CollapsePanel as Qo, Tag as Ya, CheckableTag as Xa, message as Ie, Row as Ka, Col as Ja, Textarea as bn, Form as Jn, FormItem as ea, Card as Za, Dropdown as Qa, Menu as er, SubMenu as tr, MenuItem as nr, MenuDivider as or, InputNumber as ar, RadioGroup as rr, RadioButton as lr, Switch as ta, Tabs as ir, TabPane as sr } from "ant-design-vue";
 import na from "vuedraggable";
@@ -292,32 +292,36 @@ const Me = ((Wo = window == null ? void 0 : window.config) == null ? void 0 : Wo
       selectable: !1,
       isLeaf: !0
     }), l = async () => {
-      var _, k;
+      var x, _;
       const v = a.value;
       r.value = !0;
-      const { data: w } = await e.post(
-        `${Me}/diagram/sourceList`,
-        {
-          source: "SQL_VIEW",
-          dataViewId: v,
-          pageFlag: !0
-        },
-        {
-          headers: {
-            Authentication: t,
-            operateContext: "ygt"
+      try {
+        const { data: k } = await e.post(
+          `${Me}/diagram/sourceList`,
+          {
+            source: "SQL_VIEW",
+            dataViewId: v,
+            pageFlag: !0
+          },
+          {
+            headers: {
+              Authentication: t,
+              operateContext: "ygt"
+            }
           }
-        }
-      );
-      r.value = !1, w.success && ((_ = s.value) == null || _.push(i), s.value = (k = s.value) == null ? void 0 : k.concat(
-        u([w.data.rows[0]], "YXJG")
-      ));
-    }, u = (v = [], w) => {
+        );
+        r.value = !1, k.success && ((x = s.value) == null || x.push(i), s.value = (_ = s.value) == null ? void 0 : _.concat(
+          u([k.data.rows[0]], "YXJG")
+        ));
+      } catch {
+        r.value = !1;
+      }
+    }, u = (v = [], x) => {
       const _ = [];
       return v.forEach((k) => {
         _.push({
           id: k.id,
-          pId: w ?? k.parentId,
+          pId: x ?? k.parentId,
           value: k.id,
           title: k.name,
           isLeaf: k.leaf || !1,
@@ -325,7 +329,7 @@ const Me = ((Wo = window == null ? void 0 : window.config) == null ? void 0 : Wo
           selectable: k.leaf || !1
         });
       }), _;
-    }, c = async (v, w) => {
+    }, c = async (v, x) => {
       var y;
       let _ = 0;
       if (v) {
@@ -347,7 +351,7 @@ const Me = ((Wo = window == null ? void 0 : window.config) == null ? void 0 : Wo
       );
       k.success && (s.value = (y = p(s)) == null ? void 0 : y.concat(
         u(k.data)
-      ), w && p(a) && await l());
+      ), x && p(a) && await l());
     }, d = (v) => {
       b(v), o({
         dataViewId: v,
@@ -363,42 +367,46 @@ const Me = ((Wo = window == null ? void 0 : window.config) == null ? void 0 : Wo
       // eslint-disable-next-line
       setDataList: (v) => v
     }), m = B(!1), h = B([]), b = async (v) => {
-      if (!v)
-        return;
-      h.value = [], m.value = !0;
-      const w = await e.post(
-        `${Me}/diagram/sourceList`,
-        {
-          source: "SQL_VIEW",
-          dataViewId: v,
-          pageFlag: !0
-        },
-        {
-          headers: {
-            Authentication: t,
-            operateContext: "ygt"
+      if (v) {
+        h.value = [], m.value = !0;
+        try {
+          const x = await e.post(
+            `${Me}/diagram/sourceList`,
+            {
+              source: "SQL_VIEW",
+              dataViewId: v,
+              pageFlag: !0
+            },
+            {
+              headers: {
+                Authentication: t,
+                operateContext: "ygt"
+              }
+            }
+          ), { success: _, data: k = {} } = x.data;
+          if (m.value = !1, _) {
+            const { rows: y = [] } = k;
+            y == null || y.forEach(($) => {
+              var I;
+              const F = ((I = $ == null ? void 0 : $.dataViewColumns) == null ? void 0 : I.map((G) => ({
+                ...G,
+                // 复选框
+                show: !0
+              }))) || [];
+              h.value = [...p(h), ...F];
+            }), f(p(h));
           }
+        } catch {
+          m.value = !1;
         }
-      ), { success: _, data: k = {} } = w.data;
-      if (m.value = !1, _) {
-        const { rows: y = [] } = k;
-        y == null || y.forEach(($) => {
-          var I;
-          const F = ((I = $ == null ? void 0 : $.dataViewColumns) == null ? void 0 : I.map((G) => ({
-            ...G,
-            // 复选框
-            show: !0
-          }))) || [];
-          h.value = [...p(h), ...F];
-        }), f(p(h));
       }
     }, g = (v) => ({
       TEXT: "字符",
       NUMBER: "数字",
       DATE: "时间"
-    })[v], D = (v, w) => {
+    })[v], D = (v, x) => {
       var _;
-      (_ = v.dataTransfer) == null || _.setData("list-item", JSON.stringify(w));
+      (_ = v.dataTransfer) == null || _.setData("list-item", JSON.stringify(x));
     };
     return Ee(async () => {
       await c(void 0, !0), b(p(a));
@@ -423,7 +431,7 @@ const ie = (e, t) => {
 }, br = { class: "data-view-list" }, Cr = { class: "columns" }, xr = ["onDragstart"], wr = { class: "column-item-name" };
 function Sr(e, t, n, o, a, r) {
   const s = E("a-tree-select"), i = E("a-spin");
-  return x(), N("div", br, [
+  return w(), N("div", br, [
     O(i, {
       "wrapper-class-name": "tree-spin",
       spinning: e.treeSelectLoading,
@@ -449,7 +457,7 @@ function Sr(e, t, n, o, a, r) {
         tip: "数据加载中..."
       }, {
         default: P(() => [
-          (x(!0), N(ee, null, se(e.dataViewList, (l) => (x(), N("div", {
+          (w(!0), N(ee, null, se(e.dataViewList, (l) => (w(), N("div", {
             key: l.id
           }, [
             Y("div", {
@@ -467,7 +475,7 @@ function Sr(e, t, n, o, a, r) {
     ])
   ]);
 }
-const _r = /* @__PURE__ */ ie(yr, [["render", Sr], ["__scopeId", "data-v-db27f39e"]]);
+const _r = /* @__PURE__ */ ie(yr, [["render", Sr], ["__scopeId", "data-v-50c82fab"]]);
 function ye(e, t) {
   Ar(e) && (e = "100%");
   var n = Lr(e);
@@ -1206,7 +1214,7 @@ var nt = function(t, n) {
   var g = l ? {
     msTransform: "rotate(".concat(l, "deg)"),
     transform: "rotate(".concat(l, "deg)")
-  } : void 0, D = pa(c), v = sl(D, 2), w = v[0], _ = v[1];
+  } : void 0, D = pa(c), v = sl(D, 2), x = v[0], _ = v[1];
   return O("span", po({
     role: "img",
     "aria-label": s.name
@@ -1216,7 +1224,7 @@ var nt = function(t, n) {
   }), [O(wn, {
     class: h,
     icon: s,
-    primaryColor: w,
+    primaryColor: x,
     secondaryColor: _,
     style: g
   }, null)]);
@@ -1488,26 +1496,31 @@ const Xl = $n, Kl = ne({
         },
         indexName: p(l),
         dataSourceId: p(a)
-      }, D = await e.post(
-        `${Me}/diagram/sourceList`,
-        g,
-        {
-          headers: {
-            Authentication: t,
-            operateContext: "ygt"
+      };
+      try {
+        const D = await e.post(
+          `${Me}/diagram/sourceList`,
+          g,
+          {
+            headers: {
+              Authentication: t,
+              operateContext: "ygt"
+            }
           }
+        );
+        s.value = !1;
+        const { success: v, data: x = {} } = D.data;
+        if (v) {
+          const { rows: _ = [], total: k = 0 } = x;
+          _ == null || _.forEach((y) => {
+            var $;
+            y.show = !1, ($ = y.dataViewColumns) == null || $.forEach((F) => {
+              F.show = !0, F.edit = !1;
+            });
+          }), r.value = _, i.totalResult = +k;
         }
-      );
-      s.value = !1;
-      const { success: v, data: w = {} } = D.data;
-      if (v) {
-        const { rows: _ = [], total: k = 0 } = w;
-        _ == null || _.forEach((y) => {
-          var $;
-          y.show = !1, ($ = y.dataViewColumns) == null || $.forEach((F) => {
-            F.show = !0, F.edit = !1;
-          });
-        }), r.value = _, i.totalResult = +k;
+      } catch {
+        s.value = !1;
       }
     }, c = (g) => ({
       DIM: "维度",
@@ -1543,7 +1556,7 @@ const Xl = $n, Kl = ne({
 const Jl = { class: "data-source-list" }, Zl = { class: "columns" }, Ql = { class: "column-item" }, ei = ["onClick"], ti = { key: 0 }, ni = ["onDragstart"], oi = { class: "column-child-item-name" };
 function ai(e, t, n, o, a, r) {
   const s = E("a-input-search"), i = E("caret-down-outlined"), l = E("caret-right-outlined"), u = E("a-spin"), c = E("a-pagination");
-  return x(), N("div", Jl, [
+  return w(), N("div", Jl, [
     O(s, {
       value: e.searchText,
       "onUpdate:value": t[0] || (t[0] = (d) => e.searchText = d),
@@ -1558,7 +1571,7 @@ function ai(e, t, n, o, a, r) {
         tip: "数据源加载中..."
       }, {
         default: P(() => [
-          (x(!0), N(ee, null, se(e.dataSourceList, (d, f) => (x(), N("div", {
+          (w(!0), N(ee, null, se(e.dataSourceList, (d, f) => (w(), N("div", {
             key: d.id
           }, [
             Y("div", Ql, [
@@ -1566,12 +1579,12 @@ function ai(e, t, n, o, a, r) {
                 style: { cursor: "pointer" },
                 onClick: (m) => e.onToggleGroup(f)
               }, [
-                d.show ? (x(), H(i, { key: 0 })) : (x(), H(l, { key: 1 })),
+                d.show ? (w(), H(i, { key: 0 })) : (w(), H(l, { key: 1 })),
                 J(" " + le(d.name), 1)
               ], 8, ei)
             ]),
-            d.show ? (x(), N("div", ti, [
-              (x(!0), N(ee, null, se(d.dataViewColumns, (m) => (x(), N("div", {
+            d.show ? (w(), N("div", ti, [
+              (w(!0), N(ee, null, se(d.dataViewColumns, (m) => (w(), N("div", {
                 class: "column-child-item",
                 key: m.id,
                 draggable: !0,
@@ -1599,7 +1612,7 @@ function ai(e, t, n, o, a, r) {
     }, null, 8, ["pageSize", "total", "show-total", "current", "onChange"])
   ]);
 }
-const ri = /* @__PURE__ */ ie(Kl, [["render", ai], ["__scopeId", "data-v-70ed8ae3"]]), li = ne({
+const ri = /* @__PURE__ */ ie(Kl, [["render", ai], ["__scopeId", "data-v-6d86fd0b"]]), li = ne({
   name: "DataList",
   components: {
     DataSourceList: ri,
@@ -1613,9 +1626,9 @@ const ri = /* @__PURE__ */ ie(Kl, [["render", ai], ["__scopeId", "data-v-70ed8ae
 });
 function ii(e, t, n, o, a, r) {
   const s = E("data-view-list"), i = E("data-source-list");
-  return x(), N(ee, null, [
-    e.source === "SQL_VIEW" ? (x(), H(s, { key: 0 })) : ae("", !0),
-    e.source === "INDICATOR_LIB" ? (x(), H(i, { key: 1 })) : ae("", !0)
+  return w(), N(ee, null, [
+    e.source === "SQL_VIEW" ? (w(), H(s, { key: 0 })) : ae("", !0),
+    e.source === "INDICATOR_LIB" ? (w(), H(i, { key: 1 })) : ae("", !0)
   ], 64);
 }
 const si = /* @__PURE__ */ ie(li, [["render", ii]]), ma = {
@@ -1658,15 +1671,15 @@ const si = /* @__PURE__ */ ie(li, [["render", ii]]), ma = {
             Authentication: o,
             operateContext: "ygt"
           }
-        }), { success: w, data: _ = [] } = v.data;
-        w && (l.value = _ == null ? void 0 : _.slice(0, 200));
+        }), { success: x, data: _ = [] } = v.data;
+        x && (l.value = _ == null ? void 0 : _.slice(0, 200));
       } catch (v) {
         console.error(v);
       }
     }, c = () => {
       var y;
-      const v = ((y = p(a)[e.type]) == null ? void 0 : y.slice()) || [], w = v[e.index], { label: _, name: k } = e.item;
-      w.sort = {
+      const v = ((y = p(a)[e.type]) == null ? void 0 : y.slice()) || [], x = v[e.index], { label: _, name: k } = e.item;
+      x.sort = {
         label: _,
         columnName: k,
         type: "CUSTOM",
@@ -1688,9 +1701,9 @@ const si = /* @__PURE__ */ ie(li, [["render", ii]]), ma = {
     return t({
       showModal: h
     }), ue(m, (v) => {
-      var w, _;
+      var x, _;
       if (v) {
-        const k = (_ = (w = e.item) == null ? void 0 : w.sort) == null ? void 0 : _.customOrderColumns;
+        const k = (_ = (x = e.item) == null ? void 0 : x.sort) == null ? void 0 : _.customOrderColumns;
         k == null ? u() : l.value = k;
       } else
         l.value = [];
@@ -1703,8 +1716,8 @@ const si = /* @__PURE__ */ ie(li, [["render", ii]]), ma = {
       onChange: f,
       onDeleteConfig: () => {
         var y;
-        const v = ((y = p(a)[e.type]) == null ? void 0 : y.slice()) || [], w = v[e.index], { label: _, name: k } = e.item;
-        w.sort = {
+        const v = ((y = p(a)[e.type]) == null ? void 0 : y.slice()) || [], x = v[e.index], { label: _, name: k } = e.item;
+        x.sort = {
           label: _,
           columnName: k
         }, r({
@@ -1717,7 +1730,7 @@ const si = /* @__PURE__ */ ie(li, [["render", ii]]), ma = {
 const ci = { class: "button-wrapper" }, di = { class: "sort-item" };
 function pi(e, t, n, o, a, r) {
   const s = E("a-button"), i = E("draggable"), l = E("a-modal");
-  return x(), H(l, {
+  return w(), H(l, {
     title: "进行拖拽排序",
     visible: e.visible,
     "destroy-on-close": "",
@@ -1860,7 +1873,7 @@ const fi = /* @__PURE__ */ ie(ui, [["render", pi], ["__scopeId", "data-v-1decfaa
     }, v = (j, U) => {
       const S = j.target.value;
       p(u).has(S) && Ie.error("组名不能相同，请修改"), p(l)[U].title = S, a = !0;
-    }, w = K(Se), _ = K(ze), k = R(() => p(w).source), y = R(() => p(w).dataViewId), $ = B(!1), F = () => {
+    }, x = K(Se), _ = K(ze), k = R(() => p(x).source), y = R(() => p(x).dataViewId), $ = B(!1), F = () => {
       var L, M;
       const j = p(l);
       let U = "";
@@ -1870,7 +1883,7 @@ const fi = /* @__PURE__ */ ie(ui, [["render", pi], ["__scopeId", "data-v-1decfaa
         const te = j[V] || {}, { title: oe, data: re } = te;
         C[oe] = (re == null ? void 0 : re.map((de) => de.label)) || [];
       }
-      const T = ((M = p(w)[e.type]) == null ? void 0 : M.slice()) || [], A = T[e.index];
+      const T = ((M = p(x)[e.type]) == null ? void 0 : M.slice()) || [], A = T[e.index];
       A.customGroup = {
         groupInfoMap: C,
         otherGroupName: U
@@ -1970,7 +1983,7 @@ const fi = /* @__PURE__ */ ie(ui, [["render", pi], ["__scopeId", "data-v-1decfaa
 const mi = { class: "custom-group-header" }, hi = { class: "move-and-create" }, gi = { class: "select-tip" }, yi = { class: "select-count" }, bi = { class: "create-group" }, Ci = { class: "custom-group-content" }, xi = ["onClick"], wi = { class: "extra" }, Si = { class: "custom-group-list" }, _i = { class: "text" };
 function Ai(e, t, n, o, a, r) {
   const s = E("a-select-option"), i = E("a-select"), l = E("a-button"), u = E("a-input"), c = E("a-checkbox"), d = E("a-tag"), f = E("close-outlined"), m = E("a-checkable-tag"), h = E("a-collapse-panel"), b = E("a-collapse"), g = E("a-modal"), D = fn("focus");
-  return x(), H(g, {
+  return w(), H(g, {
     title: e.title,
     visible: e.visible,
     "destroy-on-close": "",
@@ -2000,7 +2013,7 @@ function Ai(e, t, n, o, a, r) {
               placeholder: "请选择移入分组"
             }, {
               default: P(() => [
-                (x(!0), N(ee, null, se(e.customGroupList, (v, w) => (x(), H(s, { key: w }, {
+                (w(!0), N(ee, null, se(e.customGroupList, (v, x) => (w(), H(s, { key: x }, {
                   default: P(() => [
                     J(le(v.title), 1)
                   ]),
@@ -2047,26 +2060,26 @@ function Ai(e, t, n, o, a, r) {
           ghost: ""
         }, {
           default: P(() => [
-            (x(!0), N(ee, null, se(e.customGroupList, (v, w) => (x(), H(h, { key: w }, {
+            (w(!0), N(ee, null, se(e.customGroupList, (v, x) => (w(), H(h, { key: x }, {
               header: P(() => [
-                e.customGroupEditTitleList[w] ? vn((x(), H(u, {
+                e.customGroupEditTitleList[x] ? vn((w(), H(u, {
                   key: 1,
                   class: "edit-title-input",
                   value: v.title,
                   size: "small",
-                  onChange: (_) => e.onTitleChange(_, w),
-                  onBlur: (_) => e.onFinishEditTitle(w),
-                  onPressEnter: (_) => e.onFinishEditTitle(w)
+                  onChange: (_) => e.onTitleChange(_, x),
+                  onBlur: (_) => e.onFinishEditTitle(x),
+                  onPressEnter: (_) => e.onFinishEditTitle(x)
                 }, null, 8, ["value", "onChange", "onBlur", "onPressEnter"])), [
                   [D]
-                ]) : (x(), N("div", {
+                ]) : (w(), N("div", {
                   key: 0,
-                  onClick: ce((_) => e.onEditTitle(w), ["prevent", "stop"])
+                  onClick: ce((_) => e.onEditTitle(x), ["prevent", "stop"])
                 }, le(v.title), 9, xi))
               ]),
               extra: P(() => [
                 Y("div", wi, [
-                  w === 0 && e.useOtherGroup ? (x(), H(d, {
+                  x === 0 && e.useOtherGroup ? (w(), H(d, {
                     key: 0,
                     class: "tag",
                     color: "blue"
@@ -2076,7 +2089,7 @@ function Ai(e, t, n, o, a, r) {
                     ]),
                     _: 1
                   })) : ae("", !0),
-                  w !== 0 ? (x(), N(ee, { key: 1 }, [
+                  x !== 0 ? (w(), N(ee, { key: 1 }, [
                     O(d, {
                       class: "tag",
                       color: "green"
@@ -2087,14 +2100,14 @@ function Ai(e, t, n, o, a, r) {
                       _: 1
                     }),
                     O(f, {
-                      onClick: ce((_) => e.onDeleteGroup(w), ["prevent", "stop"])
+                      onClick: ce((_) => e.onDeleteGroup(x), ["prevent", "stop"])
                     }, null, 8, ["onClick"])
                   ], 64)) : ae("", !0)
                 ])
               ]),
               default: P(() => [
                 Y("div", Si, [
-                  (x(!0), N(ee, null, se(v.data, (_, k) => (x(), H(m, {
+                  (w(!0), N(ee, null, se(v.data, (_, k) => (w(), H(m, {
                     color: "red",
                     checked: _.checked,
                     "onUpdate:checked": (y) => _.checked = y,
@@ -2144,7 +2157,7 @@ const Li = /* @__PURE__ */ ie(vi, [["render", Ai], ["__scopeId", "data-v-6542b33
     }
   },
   setup(e) {
-    var w, _, k, y, $, F;
+    var x, _, k, y, $, F;
     const t = K(Se), n = K(et), o = p(K(Ge)), a = R(() => {
       var I;
       return (I = p(t)) == null ? void 0 : I.dataViewId;
@@ -2154,7 +2167,7 @@ const Li = /* @__PURE__ */ ie(vi, [["render", Ai], ["__scopeId", "data-v-6542b33
     }), { getDataList: s } = K(Cn, {
       getDataList: () => []
     }), i = B({
-      fieldName: (w = e.data) == null ? void 0 : w.fieldName,
+      fieldName: (x = e.data) == null ? void 0 : x.fieldName,
       fieldType: (_ = e.data) == null ? void 0 : _.fieldType,
       rule: (k = e.data) == null ? void 0 : k.rule,
       id: (y = e.data) == null ? void 0 : y.id,
@@ -2273,7 +2286,7 @@ const Li = /* @__PURE__ */ ie(vi, [["render", Ai], ["__scopeId", "data-v-6542b33
 const ki = { class: "condition" };
 function Ti(e, t, n, o, a, r) {
   const s = E("a-select"), i = E("a-input"), l = E("close-outlined");
-  return x(), N("div", ki, [
+  return w(), N("div", ki, [
     O(s, {
       class: "field-name",
       value: e.condition.fieldName,
@@ -2287,14 +2300,14 @@ function Ti(e, t, n, o, a, r) {
       options: e.ruleOptions,
       onChange: e.onRuleChange
     }, null, 8, ["value", "options", "onChange"]),
-    ["IN", "NOT_IN"].includes(e.condition.rule || "") ? (x(), H(s, {
+    ["IN", "NOT_IN"].includes(e.condition.rule || "") ? (w(), H(s, {
       key: 0,
       class: "field-value",
       value: e.fieldValues,
       mode: "multiple",
       options: e.valueOptions,
       onChange: e.onFieldValueSelectChange
-    }, null, 8, ["value", "options", "onChange"])) : (x(), H(i, {
+    }, null, 8, ["value", "options", "onChange"])) : (w(), H(i, {
       key: 1,
       class: "field-value",
       value: e.condition.fieldValue,
@@ -2341,21 +2354,21 @@ const Ei = {
 }, Mi = { class: "conditions" };
 function Ni(e, t, n, o, a, r) {
   const s = E("condition-list", !0), i = E("condition");
-  return Array.isArray(e.list) ? (x(), N("div", Ei, [
-    (x(!0), N(ee, null, se(e.list, (l, u) => (x(), N(ee, { key: u }, [
-      l.join && l.conditions && Array.isArray(l.conditions) ? (x(), N("div", Di, [
-        l.conditions.length > 1 ? (x(), N(ee, { key: 0 }, [
-          l.join === "||" ? (x(), N("div", Pi, "或")) : ae("", !0),
-          l.join === "&&" ? (x(), N("div", Fi, "且")) : ae("", !0)
+  return Array.isArray(e.list) ? (w(), N("div", Ei, [
+    (w(!0), N(ee, null, se(e.list, (l, u) => (w(), N(ee, { key: u }, [
+      l.join && l.conditions && Array.isArray(l.conditions) ? (w(), N("div", Di, [
+        l.conditions.length > 1 ? (w(), N(ee, { key: 0 }, [
+          l.join === "||" ? (w(), N("div", Pi, "或")) : ae("", !0),
+          l.join === "&&" ? (w(), N("div", Fi, "且")) : ae("", !0)
         ], 64)) : ae("", !0),
         Y("div", Mi, [
-          l.conditions.length > 0 ? (x(), H(s, {
+          l.conditions.length > 0 ? (w(), H(s, {
             key: 0,
             level: e.level + 1,
             list: l.conditions
           }, null, 8, ["level", "list"])) : ae("", !0)
         ])
-      ])) : (x(), H(i, {
+      ])) : (w(), H(i, {
         key: 1,
         class: "condition",
         data: l,
@@ -2415,7 +2428,7 @@ const ji = /* @__PURE__ */ ie($i, [["render", Ni], ["__scopeId", "data-v-f7a50b7
         var v;
         i = !0;
         let D = p(r);
-        for (let w = 0; w < b && D[0]; w++)
+        for (let x = 0; x < b && D[0]; x++)
           D = (v = D[0]) == null ? void 0 : v.conditions;
         Array.isArray(D) && D[g] && (D[g] = h);
       },
@@ -2423,17 +2436,17 @@ const ji = /* @__PURE__ */ ie($i, [["render", Ni], ["__scopeId", "data-v-f7a50b7
         var D, v;
         i = !0;
         let g = p(r);
-        for (let w = 0; w < h && g[0]; w++)
+        for (let x = 0; x < h && g[0]; x++)
           g = (D = g[0]) == null ? void 0 : D.conditions;
         if (Array.isArray(g) && g[b] && (g.splice(b, 1), g.length === 1)) {
-          let w = p(r);
+          let x = p(r);
           const _ = h - 2 > 0 ? h - 2 : 0;
-          for (let k = 0; k < _ && w[0]; k++)
-            w = (v = w[0]) == null ? void 0 : v.conditions;
-          w[0].join === g[0].join ? w[0].conditions = [
+          for (let k = 0; k < _ && x[0]; k++)
+            x = (v = x[0]) == null ? void 0 : v.conditions;
+          x[0].join === g[0].join ? x[0].conditions = [
             ...g[0].conditions,
-            ...w[0].conditions.slice(1)
-          ] : w[0] = g[0];
+            ...x[0].conditions.slice(1)
+          ] : x[0] = g[0];
         }
       }
     });
@@ -2467,7 +2480,7 @@ const ji = /* @__PURE__ */ ie($i, [["render", Ni], ["__scopeId", "data-v-f7a50b7
 const Bi = { class: "header" };
 function Vi(e, t, n, o, a, r) {
   const s = E("a-button"), i = E("condition-list"), l = E("a-modal");
-  return x(), H(l, {
+  return w(), H(l, {
     title: e.handleTitle(),
     visible: e.visible,
     "destroy-on-close": "",
@@ -2484,7 +2497,7 @@ function Vi(e, t, n, o, a, r) {
   }, {
     default: P(() => [
       Y("div", Bi, [
-        Array.isArray(e.conditionList) && e.conditionList.length > 0 ? (x(), N(ee, { key: 0 }, [
+        Array.isArray(e.conditionList) && e.conditionList.length > 0 ? (w(), N(ee, { key: 0 }, [
           O(s, {
             class: "add-and-condition",
             onClick: t[0] || (t[0] = (u) => e.addCondition("&&"))
@@ -2503,7 +2516,7 @@ function Vi(e, t, n, o, a, r) {
             ]),
             _: 1
           })
-        ], 64)) : (x(), H(s, {
+        ], 64)) : (w(), H(s, {
           key: 1,
           onClick: e.addCondition
         }, {
@@ -2572,14 +2585,14 @@ const Ui = ne({
 const Hi = { class: "formula-calculation" }, Wi = { class: "field-area" }, qi = ["onClick"];
 function Yi(e, t, n, o, a, r) {
   const s = E("a-col"), i = E("a-textarea"), l = E("a-row");
-  return x(), N("div", Hi, [
+  return w(), N("div", Hi, [
     O(l, { style: { height: "100%" } }, {
       default: P(() => [
         O(s, { span: 6 }, {
           default: P(() => [
             Y("div", Wi, [
               Y("div", null, "数值字段(" + le(e.fieldList.length) + ")", 1),
-              (x(!0), N(ee, null, se(e.fieldList, (u, c) => (x(), N("div", {
+              (w(!0), N(ee, null, se(e.fieldList, (u, c) => (w(), N("div", {
                 class: "field",
                 key: c,
                 onClick: (d) => e.insertText(u.label)
@@ -2727,7 +2740,7 @@ const Xi = /* @__PURE__ */ ie(Ui, [["render", Yi], ["__scopeId", "data-v-1afece6
     }), { validate: g, validateInfos: D, clearValidate: v } = Jn.useForm(
       l,
       b
-    ), w = () => {
+    ), x = () => {
       g().then(() => {
         u && d(), u = !1, l.value = i, h();
       });
@@ -2743,7 +2756,7 @@ const Xi = /* @__PURE__ */ ie(Ui, [["render", Yi], ["__scopeId", "data-v-1afece6
       wrapperCol: s,
       formState: l,
       builtInValueSourceList: a,
-      onOK: w,
+      onOK: x,
       onChange: c,
       validateInfos: D
     };
@@ -2751,7 +2764,7 @@ const Xi = /* @__PURE__ */ ie(Ui, [["render", Yi], ["__scopeId", "data-v-1afece6
 });
 function Ji(e, t, n, o, a, r) {
   const s = E("a-input"), i = E("a-form-item"), l = E("a-select-option"), u = E("a-select"), c = E("formula-calculation"), d = E("a-textarea"), f = E("a-form"), m = E("a-modal");
-  return x(), H(m, {
+  return w(), H(m, {
     title: `${e.mode === "add" ? "新增" : "编辑"}计算指标`,
     visible: e.visible,
     width: "50%",
@@ -2812,13 +2825,13 @@ function Ji(e, t, n, o, a, r) {
             ]),
             _: 1
           }, 8, ["label-col", "wrapper-col"]),
-          e.formState.calcType === "FORMULA" ? (x(), H(c, {
+          e.formState.calcType === "FORMULA" ? (w(), H(c, {
             key: 0,
             value: e.formState.formula,
             "onUpdate:value": t[2] || (t[2] = (h) => e.formState.formula = h),
             onChange: e.onChange
           }, null, 8, ["value", "onChange"])) : ae("", !0),
-          e.formState.calcType === "BUILT_IN" ? (x(), N(ee, { key: 1 }, [
+          e.formState.calcType === "BUILT_IN" ? (w(), N(ee, { key: 1 }, [
             O(i, {
               label: "内置公式",
               "label-col": e.labelCol,
@@ -2873,7 +2886,7 @@ function Ji(e, t, n, o, a, r) {
                   onChange: e.onChange
                 }, {
                   default: P(() => [
-                    (x(!0), N(ee, null, se(e.builtInValueSourceList, (h, b) => (x(), H(l, {
+                    (w(!0), N(ee, null, se(e.builtInValueSourceList, (h, b) => (w(), H(l, {
                       key: b,
                       value: h.name
                     }, {
@@ -2902,7 +2915,7 @@ function Ji(e, t, n, o, a, r) {
                   default: P(() => [
                     ["BUILT_IN_RANK", "BUILT_IN_RANK_IN_GROUPO"].includes(
                       e.formState.builtInValueSource || ""
-                    ) ? (x(), N(ee, { key: 0 }, [
+                    ) ? (w(), N(ee, { key: 0 }, [
                       O(l, { value: "SUM" }, {
                         default: P(() => [
                           J("求和")
@@ -2927,7 +2940,7 @@ function Ji(e, t, n, o, a, r) {
                         ]),
                         _: 1
                       })
-                    ], 64)) : (x(), N(ee, { key: 1 }, [
+                    ], 64)) : (w(), N(ee, { key: 1 }, [
                       O(l, { value: "ASC" }, {
                         default: P(() => [
                           J("升序")
@@ -3107,7 +3120,7 @@ const Zi = /* @__PURE__ */ ie(Ki, [["render", Ji]]), Qi = ne({
         ...M,
         ...V
       ];
-    }), w = (A = {}, L, M = "ASC") => {
+    }), x = (A = {}, L, M = "ASC") => {
       var de;
       const { label: V, name: te, id: oe } = A, re = ((de = p(t)[e.type]) == null ? void 0 : de.slice()) || [];
       oe === D ? delete re[L].sort : re[L].sort = {
@@ -3183,7 +3196,7 @@ const Zi = /* @__PURE__ */ ie(Ki, [["render", Ji]]), Qi = ne({
       onEdit: h,
       onCommitLabelChange: g,
       sortList: v,
-      onSort: w,
+      onSort: x,
       handleSortTitle: _,
       showCustomSortModal: I,
       customSortModalRef: $,
@@ -3212,8 +3225,8 @@ const Zi = /* @__PURE__ */ ie(Ki, [["render", Ji]]), Qi = ne({
 });
 const es = (e) => (mn("data-v-a1d9b4d6"), e = e(), hn(), e), ts = { class: "title" }, ns = { class: "title-text" }, os = /* @__PURE__ */ es(() => /* @__PURE__ */ Y("span", null, "添加计算指标", -1)), as = ["onDragstart"], rs = { class: "card-item-inner" }, ls = ["onClick"], is = ["onClick"], ss = ["onClick"];
 function us(e, t, n, o, a, r) {
-  const s = E("plus-outlined"), i = E("a-input"), l = E("setting-outlined"), u = E("a-menu-item"), c = E("a-sub-menu"), d = E("a-menu-divider"), f = E("a-menu"), m = E("a-dropdown"), h = E("delete-outlined"), b = E("a-checkbox"), g = E("custom-sort-modal"), D = E("custom-group-modal"), v = E("filter-modal"), w = E("calculation-modal"), _ = E("a-card"), k = fn("focus");
-  return x(), H(_, {
+  const s = E("plus-outlined"), i = E("a-input"), l = E("setting-outlined"), u = E("a-menu-item"), c = E("a-sub-menu"), d = E("a-menu-divider"), f = E("a-menu"), m = E("a-dropdown"), h = E("delete-outlined"), b = E("a-checkbox"), g = E("custom-sort-modal"), D = E("custom-group-modal"), v = E("filter-modal"), x = E("calculation-modal"), _ = E("a-card"), k = fn("focus");
+  return w(), H(_, {
     class: "data-config-card",
     "head-style": {
       backgroundColor: "rgba(161,212,230,0.3)",
@@ -3227,7 +3240,7 @@ function us(e, t, n, o, a, r) {
     title: P(() => [
       Y("div", ts, [
         Y("div", ns, le(e.title), 1),
-        ["classificationList", "seriesList"].includes(e.type) ? ae("", !0) : (x(), N("div", {
+        ["classificationList", "seriesList"].includes(e.type) ? ae("", !0) : (w(), N("div", {
           key: 0,
           class: "add-calculation",
           onClick: t[0] || (t[0] = ce((y) => e.onShowCalculationModal("add"), ["prevent", "stop"]))
@@ -3238,7 +3251,7 @@ function us(e, t, n, o, a, r) {
       ])
     ]),
     default: P(() => [
-      (x(!0), N(ee, null, se(e.cardItemList, (y, $) => (x(), N("div", {
+      (w(!0), N(ee, null, se(e.cardItemList, (y, $) => (w(), N("div", {
         key: $,
         draggable: !0,
         onDragstart: ce((F) => e.onDropStart(F, y, $), ["stop"]),
@@ -3252,17 +3265,17 @@ function us(e, t, n, o, a, r) {
         }, {
           default: P(() => [
             Y("div", rs, [
-              !e.editLabelList[$] && y.label ? (x(), N("div", {
+              !e.editLabelList[$] && y.label ? (w(), N("div", {
                 key: 0,
                 class: "name",
                 onClick: ce((F) => e.onEdit($), ["prevent", "stop"])
               }, le(y.label), 9, ls)) : ae("", !0),
-              !e.editLabelList[$] && !y.label ? (x(), N("div", {
+              !e.editLabelList[$] && !y.label ? (w(), N("div", {
                 key: 1,
                 class: "name placeholder",
                 onClick: ce((F) => e.onEdit($), ["prevent", "stop"])
               }, " 请点击填入名字 ", 8, is)) : ae("", !0),
-              e.editLabelList[$] ? vn((x(), H(i, {
+              e.editLabelList[$] ? vn((w(), H(i, {
                 key: 2,
                 "default-value": y.label,
                 size: "small",
@@ -3272,7 +3285,7 @@ function us(e, t, n, o, a, r) {
               }, null, 8, ["default-value", "onBlur", "onPressEnter", "onChange"])), [
                 [k]
               ]) : ae("", !0),
-              ["FORMULA", "BUILT_IN"].includes(y.calcType) ? (x(), N("span", {
+              ["FORMULA", "BUILT_IN"].includes(y.calcType) ? (w(), N("span", {
                 key: 3,
                 class: "calculation-icon",
                 onClick: ce((F) => e.onShowCalculationModal("edit", y, $), ["prevent", "stop"])
@@ -3281,13 +3294,13 @@ function us(e, t, n, o, a, r) {
                 overlay: P(() => [
                   O(f, null, {
                     default: P(() => [
-                      ["classificationList", "seriesList"].includes(e.type) ? (x(), N(ee, { key: 0 }, [
+                      ["classificationList", "seriesList"].includes(e.type) ? (w(), N(ee, { key: 0 }, [
                         O(c, {
                           title: e.handleSortTitle(y, "ASC"),
                           key: "0"
                         }, {
                           default: P(() => [
-                            (x(!0), N(ee, null, se(e.sortList, (F) => (x(), H(u, {
+                            (w(!0), N(ee, null, se(e.sortList, (F) => (w(), H(u, {
                               style: { "white-space": "nowrap" },
                               key: F.id,
                               onClick: (I) => e.onSort(F, $, "ASC")
@@ -3305,7 +3318,7 @@ function us(e, t, n, o, a, r) {
                           key: "1"
                         }, {
                           default: P(() => [
-                            (x(!0), N(ee, null, se(e.sortList, (F) => (x(), H(u, {
+                            (w(!0), N(ee, null, se(e.sortList, (F) => (w(), H(u, {
                               class: "menu-item",
                               style: { "white-space": "nowrap" },
                               key: F.id,
@@ -3346,12 +3359,12 @@ function us(e, t, n, o, a, r) {
                         ]),
                         _: 2
                       }, 1032, ["onClick"]),
-                      ["classificationList", "seriesList"].includes(e.type) ? ae("", !0) : (x(), N(ee, { key: 1 }, [
+                      ["classificationList", "seriesList"].includes(e.type) ? ae("", !0) : (w(), N(ee, { key: 1 }, [
                         O(c, {
                           title: e.handleAggregateTitle(y.aggregate)
                         }, {
                           default: P(() => [
-                            (x(!0), N(ee, null, se(e.aggregateList, (F) => (x(), H(u, {
+                            (w(!0), N(ee, null, se(e.aggregateList, (F) => (w(), H(u, {
                               style: { "white-space": "nowrap" },
                               key: F.value,
                               onClick: (I) => e.onAggregateChange(F.value, $)
@@ -3402,7 +3415,7 @@ function us(e, t, n, o, a, r) {
         type: e.type,
         ref: "filterModalRef"
       }, null, 8, ["item", "index", "type"]),
-      O(w, {
+      O(x, {
         type: e.type,
         item: e.currentItem,
         index: e.currentIndex,
@@ -3476,8 +3489,8 @@ const cs = /* @__PURE__ */ ie(Qi, [["render", us], ["__scopeId", "data-v-a1d9b4d
 const fs = { class: "data-group" };
 function vs(e, t, n, o, a, r) {
   const s = E("data-config-card");
-  return x(), N("div", fs, [
-    (x(!0), N(ee, null, se(e.cards, (i) => (x(), H(s, pt({
+  return w(), N("div", fs, [
+    (w(!0), N(ee, null, se(e.cards, (i) => (w(), H(s, pt({
       key: i.type,
       class: "data-config-card",
       type: i.type
@@ -4271,7 +4284,7 @@ const ms = /* @__PURE__ */ ie(ps, [["render", vs], ["__scopeId", "data-v-fb11a95
 });
 function Cs(e, t, n, o, a, r) {
   const s = E("a-input"), i = fn("focus");
-  return vn((x(), H(s, {
+  return vn((w(), H(s, {
     value: e.value,
     disabled: e.disabled,
     onChange: e.onInputChange
@@ -4369,7 +4382,7 @@ const xs = /* @__PURE__ */ ie(bs, [["render", Cs]]), ws = ne({
 });
 function Ss(e, t, n, o, a, r) {
   const s = E("a-select-option"), i = E("a-select"), l = E("a-input-number");
-  return x(), H(l, {
+  return w(), H(l, {
     value: e.inputValue,
     min: e.min,
     max: e.max,
@@ -4389,7 +4402,7 @@ function Ss(e, t, n, o, a, r) {
           onChange: e.onPrefixChange
         }, {
           default: P(() => [
-            (x(!0), N(ee, null, se(e.prefix, ({ label: u, value: c }, d) => (x(), H(s, {
+            (w(!0), N(ee, null, se(e.prefix, ({ label: u, value: c }, d) => (w(), H(s, {
               key: d,
               value: c
             }, {
@@ -4413,7 +4426,7 @@ function Ss(e, t, n, o, a, r) {
           onChange: e.onSuffixChange
         }, {
           default: P(() => [
-            (x(!0), N(ee, null, se(e.suffix, ({ label: u, value: c }, d) => (x(), H(s, {
+            (w(!0), N(ee, null, se(e.suffix, ({ label: u, value: c }, d) => (w(), H(s, {
               key: d,
               value: c
             }, {
@@ -4465,13 +4478,13 @@ const ha = /* @__PURE__ */ ie(ws, [["render", Ss]]), _s = ne({
 });
 function As(e, t, n, o, a, r) {
   const s = E("a-radio-button"), i = E("a-radio-group");
-  return x(), H(i, {
+  return w(), H(i, {
     value: e.value,
     optionType: e.optionType,
     onChange: e.onRadioChange
   }, {
     default: P(() => [
-      (x(!0), N(ee, null, se(e.options, (l) => (x(), H(s, {
+      (w(!0), N(ee, null, se(e.options, (l) => (w(), H(s, {
         key: l.value,
         value: l.value
       }, {
@@ -4511,12 +4524,12 @@ const Ls = /* @__PURE__ */ ie(_s, [["render", As]]), Os = ne({
 });
 function ks(e, t, n, o, a, r) {
   const s = E("a-select-option"), i = E("a-select");
-  return x(), H(i, {
+  return w(), H(i, {
     value: e.value,
     onChange: e.onSelectChange
   }, {
     default: P(() => [
-      (x(!0), N(ee, null, se(e.options, (l) => (x(), H(s, {
+      (w(!0), N(ee, null, se(e.options, (l) => (w(), H(s, {
         key: l.value,
         value: l.value
       }, {
@@ -4559,7 +4572,7 @@ const Ts = /* @__PURE__ */ ie(Os, [["render", ks]]), Is = ne({
 });
 function $s(e, t, n, o, a, r) {
   const s = E("a-switch");
-  return x(), N("div", {
+  return w(), N("div", {
     style: Le({ width: `${e.width}px` })
   }, [
     O(s, {
@@ -4778,7 +4791,7 @@ var Js = function(t, n) {
 function Zs(e) {
   var t, n = e.state, o = e.name, a = e.options, r = n.elements.arrow, s = n.modifiersData.popperOffsets, i = Ae(n.placement), l = Fn(i), u = [fe, xe].indexOf(i) >= 0, c = u ? "height" : "width";
   if (!(!r || !s)) {
-    var d = Js(a.padding, n), f = Pn(r), m = l === "y" ? pe : fe, h = l === "y" ? Ce : xe, b = n.rects.reference[c] + n.rects.reference[l] - s[l] - n.rects.popper[c], g = s[l] - n.rects.reference[l], D = Ct(r), v = D ? l === "y" ? D.clientHeight || 0 : D.clientWidth || 0 : 0, w = b / 2 - g / 2, _ = d[m], k = v - f[c] - d[h], y = v / 2 - f[c] / 2 + w, $ = ut(_, y, k), F = l;
+    var d = Js(a.padding, n), f = Pn(r), m = l === "y" ? pe : fe, h = l === "y" ? Ce : xe, b = n.rects.reference[c] + n.rects.reference[l] - s[l] - n.rects.popper[c], g = s[l] - n.rects.reference[l], D = Ct(r), v = D ? l === "y" ? D.clientHeight || 0 : D.clientWidth || 0 : 0, x = b / 2 - g / 2, _ = d[m], k = v - f[c] - d[h], y = v / 2 - f[c] / 2 + x, $ = ut(_, y, k), F = l;
     n.modifiersData[o] = (t = {}, t[F] = $, t.centerOffset = $ - y, t);
   }
 }
@@ -4820,7 +4833,7 @@ function _o(e) {
     y: b
   };
   m = g.x, b = g.y;
-  var D = s.hasOwnProperty("x"), v = s.hasOwnProperty("y"), w = fe, _ = pe, k = window;
+  var D = s.hasOwnProperty("x"), v = s.hasOwnProperty("y"), x = fe, _ = pe, k = window;
   if (u) {
     var y = Ct(n), $ = "clientHeight", F = "clientWidth";
     if (y === me(n) && (y = Ne(n), $e(y).position !== "static" && i === "absolute" && ($ = "scrollHeight", F = "scrollWidth")), y = y, a === pe || (a === fe || a === xe) && r === ft) {
@@ -4832,7 +4845,7 @@ function _o(e) {
       b -= I - o.height, b *= l ? 1 : -1;
     }
     if (a === fe || (a === pe || a === Ce) && r === ft) {
-      w = xe;
+      x = xe;
       var G = d && y === k && k.visualViewport ? k.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         y[F]
@@ -4851,9 +4864,9 @@ function _o(e) {
   };
   if (m = Z.x, b = Z.y, l) {
     var Q;
-    return Object.assign({}, X, (Q = {}, Q[_] = v ? "0" : "", Q[w] = D ? "0" : "", Q.transform = (k.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + b + "px)" : "translate3d(" + m + "px, " + b + "px, 0)", Q));
+    return Object.assign({}, X, (Q = {}, Q[_] = v ? "0" : "", Q[x] = D ? "0" : "", Q.transform = (k.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + b + "px)" : "translate3d(" + m + "px, " + b + "px, 0)", Q));
   }
-  return Object.assign({}, X, (t = {}, t[_] = v ? b + "px" : "", t[w] = D ? m + "px" : "", t.transform = "", t));
+  return Object.assign({}, X, (t = {}, t[_] = v ? b + "px" : "", t[x] = D ? m + "px" : "", t.transform = "", t));
 }
 function ou(e) {
   var t = e.state, n = e.options, o = n.gpuAcceleration, a = o === void 0 ? !0 : o, r = n.adaptive, s = r === void 0 ? !0 : r, i = n.roundOffsets, l = i === void 0 ? !0 : i, u = {
@@ -5053,12 +5066,12 @@ function Aa(e) {
 }
 function vt(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, a = o === void 0 ? e.placement : o, r = n.strategy, s = r === void 0 ? e.strategy : r, i = n.boundary, l = i === void 0 ? Ds : i, u = n.rootBoundary, c = u === void 0 ? ga : u, d = n.elementContext, f = d === void 0 ? rt : d, m = n.altBoundary, h = m === void 0 ? !1 : m, b = n.padding, g = b === void 0 ? 0 : b, D = wa(typeof g != "number" ? g : Sa(g, bt)), v = f === rt ? Ps : rt, w = e.rects.popper, _ = e.elements[h ? v : f], k = fu(Ve(_) ? _ : _.contextElement || Ne(e.elements.popper), l, c, s), y = Ke(e.elements.reference), $ = Aa({
+  var n = t, o = n.placement, a = o === void 0 ? e.placement : o, r = n.strategy, s = r === void 0 ? e.strategy : r, i = n.boundary, l = i === void 0 ? Ds : i, u = n.rootBoundary, c = u === void 0 ? ga : u, d = n.elementContext, f = d === void 0 ? rt : d, m = n.altBoundary, h = m === void 0 ? !1 : m, b = n.padding, g = b === void 0 ? 0 : b, D = wa(typeof g != "number" ? g : Sa(g, bt)), v = f === rt ? Ps : rt, x = e.rects.popper, _ = e.elements[h ? v : f], k = fu(Ve(_) ? _ : _.contextElement || Ne(e.elements.popper), l, c, s), y = Ke(e.elements.reference), $ = Aa({
     reference: y,
-    element: w,
+    element: x,
     strategy: "absolute",
     placement: a
-  }), F = ln(Object.assign({}, w, $)), I = f === rt ? F : y, G = {
+  }), F = ln(Object.assign({}, x, $)), I = f === rt ? F : y, G = {
     top: k.top - I.top + D.top,
     bottom: I.bottom - k.bottom + D.bottom,
     left: k.left - I.left + D.left,
@@ -5102,7 +5115,7 @@ function mu(e) {
 function hu(e) {
   var t = e.state, n = e.options, o = e.name;
   if (!t.modifiersData[o]._skip) {
-    for (var a = n.mainAxis, r = a === void 0 ? !0 : a, s = n.altAxis, i = s === void 0 ? !0 : s, l = n.fallbackPlacements, u = n.padding, c = n.boundary, d = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, h = m === void 0 ? !0 : m, b = n.allowedAutoPlacements, g = t.options.placement, D = Ae(g), v = D === g, w = l || (v || !h ? [Tt(g)] : mu(g)), _ = [g].concat(w).reduce(function(M, V) {
+    for (var a = n.mainAxis, r = a === void 0 ? !0 : a, s = n.altAxis, i = s === void 0 ? !0 : s, l = n.fallbackPlacements, u = n.padding, c = n.boundary, d = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, h = m === void 0 ? !0 : m, b = n.allowedAutoPlacements, g = t.options.placement, D = Ae(g), v = D === g, x = l || (v || !h ? [Tt(g)] : mu(g)), _ = [g].concat(x).reduce(function(M, V) {
       return M.concat(Ae(V) === En ? vu(t, {
         placement: V,
         boundary: c,
@@ -5247,7 +5260,7 @@ function Lu(e) {
     rootBoundary: u,
     padding: d,
     altBoundary: c
-  }), D = Ae(t.placement), v = Je(t.placement), w = !v, _ = Fn(D), k = Au(_), y = t.modifiersData.popperOffsets, $ = t.rects.reference, F = t.rects.popper, I = typeof b == "function" ? b(Object.assign({}, t.rects, {
+  }), D = Ae(t.placement), v = Je(t.placement), x = !v, _ = Fn(D), k = Au(_), y = t.modifiersData.popperOffsets, $ = t.rects.reference, F = t.rects.popper, I = typeof b == "function" ? b(Object.assign({}, t.rects, {
     placement: t.placement
   })) : b, G = typeof I == "number" ? {
     mainAxis: I,
@@ -5264,7 +5277,7 @@ function Lu(e) {
       var Q, z = _ === "y" ? pe : fe, W = _ === "y" ? Ce : xe, q = _ === "y" ? "height" : "width", j = y[_], U = j + g[z], S = j - g[W], C = m ? -F[q] / 2 : 0, T = v === Ye ? $[q] : F[q], A = v === Ye ? -F[q] : -$[q], L = t.elements.arrow, M = m && L ? Pn(L) : {
         width: 0,
         height: 0
-      }, V = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : xa(), te = V[z], oe = V[W], re = ut(0, $[q], M[q]), de = w ? $[q] / 2 - C - re - te - G.mainAxis : T - re - te - G.mainAxis, ke = w ? -$[q] / 2 + C + re + oe + G.mainAxis : A + re + oe + G.mainAxis, Ht = t.elements.arrow && Ct(t.elements.arrow), Da = Ht ? _ === "y" ? Ht.clientTop || 0 : Ht.clientLeft || 0 : 0, Bn = (Q = X == null ? void 0 : X[_]) != null ? Q : 0, Pa = j + de - Bn - Da, Fa = j + ke - Bn, Vn = ut(m ? Bt(U, Pa) : U, j, m ? Be(S, Fa) : S);
+      }, V = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : xa(), te = V[z], oe = V[W], re = ut(0, $[q], M[q]), de = x ? $[q] / 2 - C - re - te - G.mainAxis : T - re - te - G.mainAxis, ke = x ? -$[q] / 2 + C + re + oe + G.mainAxis : A + re + oe + G.mainAxis, Ht = t.elements.arrow && Ct(t.elements.arrow), Da = Ht ? _ === "y" ? Ht.clientTop || 0 : Ht.clientLeft || 0 : 0, Bn = (Q = X == null ? void 0 : X[_]) != null ? Q : 0, Pa = j + de - Bn - Da, Fa = j + ke - Bn, Vn = ut(m ? Bt(U, Pa) : U, j, m ? Be(S, Fa) : S);
       y[_] = Vn, Z[_] = Vn - j;
     }
     if (i) {
@@ -5396,8 +5409,8 @@ function Mu(e) {
           reference: Ve(i) ? ct(i) : i.contextElement ? ct(i.contextElement) : [],
           popper: ct(l)
         };
-        var w = Du(Fu([].concat(o, c.options.modifiers)));
-        return c.orderedModifiers = w.filter(function(_) {
+        var x = Du(Fu([].concat(o, c.options.modifiers)));
+        return c.orderedModifiers = x.filter(function(_) {
           return _.enabled;
         }), h(), m.update();
       },
@@ -5408,11 +5421,11 @@ function Mu(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!f) {
-          var D = c.elements, v = D.reference, w = D.popper;
-          if (Io(v, w)) {
+          var D = c.elements, v = D.reference, x = D.popper;
+          if (Io(v, x)) {
             c.rects = {
-              reference: $u(v, Ct(w), c.options.strategy === "fixed"),
-              popper: Pn(w)
+              reference: $u(v, Ct(x), c.options.strategy === "fixed"),
+              popper: Pn(x)
             }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(G) {
               return c.modifiersData[G.name] = Object.assign({}, G.data);
             });
@@ -5450,13 +5463,13 @@ function Mu(e) {
     });
     function h() {
       c.orderedModifiers.forEach(function(g) {
-        var D = g.name, v = g.options, w = v === void 0 ? {} : v, _ = g.effect;
+        var D = g.name, v = g.options, x = v === void 0 ? {} : v, _ = g.effect;
         if (typeof _ == "function") {
           var k = _({
             state: c,
             name: D,
             instance: m,
-            options: w
+            options: x
           }), y = function() {
           };
           d.push(k || y);
@@ -5571,7 +5584,7 @@ var Oa = { exports: {} }, Do = { exports: {} };
       }
     }
     a.wrap = m;
-    var b = "suspendedStart", g = "suspendedYield", D = "executing", v = "completed", w = {};
+    var b = "suspendedStart", g = "suspendedYield", D = "executing", v = "completed", x = {};
     function _() {
     }
     function k() {
@@ -5634,7 +5647,7 @@ var Oa = { exports: {} }, Do = { exports: {} };
           if (V) {
             var te = z(V, T);
             if (te) {
-              if (te === w)
+              if (te === x)
                 continue;
               return te;
             }
@@ -5650,7 +5663,7 @@ var Oa = { exports: {} }, Do = { exports: {} };
           A = D;
           var oe = h(S, C, T);
           if (oe.type === "normal") {
-            if (A = T.done ? v : g, oe.arg === w)
+            if (A = T.done ? v : g, oe.arg === x)
               continue;
             return { value: oe.arg, done: T.done };
           }
@@ -5661,12 +5674,12 @@ var Oa = { exports: {} }, Do = { exports: {} };
     function z(S, C) {
       var T = C.method, A = S.iterator[T];
       if (A === o)
-        return C.delegate = null, T === "throw" && S.iterator.return && (C.method = "return", C.arg = o, z(S, C), C.method === "throw") || T !== "return" && (C.method = "throw", C.arg = new TypeError("The iterator does not provide a '" + T + "' method")), w;
+        return C.delegate = null, T === "throw" && S.iterator.return && (C.method = "return", C.arg = o, z(S, C), C.method === "throw") || T !== "return" && (C.method = "throw", C.arg = new TypeError("The iterator does not provide a '" + T + "' method")), x;
       var L = h(A, S.iterator, C.arg);
       if (L.type === "throw")
-        return C.method = "throw", C.arg = L.arg, C.delegate = null, w;
+        return C.method = "throw", C.arg = L.arg, C.delegate = null, x;
       var M = L.arg;
-      return M ? M.done ? (C[S.resultName] = M.value, C.next = S.nextLoc, C.method !== "return" && (C.method = "next", C.arg = o), C.delegate = null, w) : M : (C.method = "throw", C.arg = new TypeError("iterator result is not an object"), C.delegate = null, w);
+      return M ? M.done ? (C[S.resultName] = M.value, C.next = S.nextLoc, C.method !== "return" && (C.method = "next", C.arg = o), C.delegate = null, x) : M : (C.method = "throw", C.arg = new TypeError("iterator result is not an object"), C.delegate = null, x);
     }
     function W(S) {
       var C = { tryLoc: S[0] };
@@ -5778,16 +5791,16 @@ var Oa = { exports: {} }, Do = { exports: {} };
       }
       L && (S === "break" || S === "continue") && L.tryLoc <= C && C <= L.finallyLoc && (L = null);
       var M = L ? L.completion : {};
-      return M.type = S, M.arg = C, L ? (this.method = "next", this.next = L.finallyLoc, w) : this.complete(M);
+      return M.type = S, M.arg = C, L ? (this.method = "next", this.next = L.finallyLoc, x) : this.complete(M);
     }, complete: function(S, C) {
       if (S.type === "throw")
         throw S.arg;
-      return S.type === "break" || S.type === "continue" ? this.next = S.arg : S.type === "return" ? (this.rval = this.arg = S.arg, this.method = "return", this.next = "end") : S.type === "normal" && C && (this.next = C), w;
+      return S.type === "break" || S.type === "continue" ? this.next = S.arg : S.type === "return" ? (this.rval = this.arg = S.arg, this.method = "return", this.next = "end") : S.type === "normal" && C && (this.next = C), x;
     }, finish: function(S) {
       for (var C = this.tryEntries.length - 1; C >= 0; --C) {
         var T = this.tryEntries[C];
         if (T.finallyLoc === S)
-          return this.complete(T.completion, T.afterLoc), q(T), w;
+          return this.complete(T.completion, T.afterLoc), q(T), x;
       }
     }, catch: function(S) {
       for (var C = this.tryEntries.length - 1; C >= 0; --C) {
@@ -5803,7 +5816,7 @@ var Oa = { exports: {} }, Do = { exports: {} };
       }
       throw new Error("illegal catch attempt");
     }, delegateYield: function(S, C, T) {
-      return this.delegate = { iterator: U(S), resultName: C, nextLoc: T }, this.method === "next" && (this.arg = o), w;
+      return this.delegate = { iterator: U(S), resultName: C, nextLoc: T }, this.method === "next" && (this.arg = o), x;
     } }, a;
   }
   e.exports = n, e.exports.__esModule = !0, e.exports.default = e.exports;
@@ -5865,7 +5878,7 @@ function Pe(e, t) {
   }
 }
 Pe(".saturation[data-v-24517fec]{position:relative}.saturation-black[data-v-24517fec],.saturation-white[data-v-24517fec]{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.saturation-white[data-v-24517fec]{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.saturation-black[data-v-24517fec]{background:linear-gradient(0deg,#000,transparent)}.slider[data-v-24517fec]{border:1px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px rgba(0,0,0,.3);left:0;pointer-events:none;position:absolute;top:0;z-index:1}"), $t.render = function(e, t, n, o, a, r) {
-  return x(), N("div", { class: "saturation", style: Le(e.saturationStyle), onMousedown: t[0] || (t[0] = ce(function() {
+  return w(), N("div", { class: "saturation", style: Le(e.saturationStyle), onMousedown: t[0] || (t[0] = ce(function() {
     return e.onSelect && e.onSelect.apply(e, arguments);
   }, ["prevent", "stop"])) }, [Vu, Gu, Y("div", { class: "slider", style: Le(e.sliderStyle) }, null, 4)], 36);
 }, $t.__scopeId = "data-v-24517fec", $t.__file = "src/picker/Saturation.vue";
@@ -5892,7 +5905,7 @@ var Et = ne({ name: "Hue", props: { width: { type: Number, default: 15 }, height
   } };
 } }), zu = { ref: "canvas" };
 Pe(".hue[data-v-78b9f4f0]{position:relative}.slider[data-v-78b9f4f0]{background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.3);left:0;pointer-events:none;position:absolute;width:100%;z-index:1}"), Et.render = function(e, t, n, o, a, r) {
-  return x(), N("div", { class: "hue", onMousedown: t[0] || (t[0] = ce(function() {
+  return w(), N("div", { class: "hue", onMousedown: t[0] || (t[0] = ce(function() {
     return e.onSelect && e.onSelect.apply(e, arguments);
   }, ["prevent", "stop"])) }, [Y("canvas", zu, null, 512), Y("div", { class: "slider", style: Le(e.sliderStyle) }, null, 4)], 32);
 }, Et.__scopeId = "data-v-78b9f4f0", Et.__file = "src/picker/Hue.vue";
@@ -5929,7 +5942,7 @@ var Dt = ne({ name: "Alpha", props: { width: { type: Number, default: 15 }, heig
   } };
 } }), Uu = { ref: "canvas" };
 Pe(".alpha[data-v-24dc9656]{position:relative}.slider[data-v-24dc9656]{background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.3);left:0;pointer-events:none;position:absolute;width:100%;z-index:1}"), Dt.render = function(e, t, n, o, a, r) {
-  return x(), N("div", { class: "alpha", onMousedown: t[0] || (t[0] = ce(function() {
+  return w(), N("div", { class: "alpha", onMousedown: t[0] || (t[0] = ce(function() {
     return e.onSelect && e.onSelect.apply(e, arguments);
   }, ["prevent", "stop"])) }, [Y("canvas", Uu, null, 512), Y("div", { class: "slider", style: Le(e.sliderStyle) }, null, 4)], 32);
 }, Dt.__scopeId = "data-v-24dc9656", Dt.__file = "src/picker/Alpha.vue";
@@ -6004,7 +6017,7 @@ function he(e) {
   return e;
 }
 Pe(".input[data-v-d52a4d02]{display:inline-block;font-size:12px}.label[data-v-d52a4d02]{align-items:center;background:#e7e8e9;color:#999;display:flex;float:left;font-weight:500;height:30px;justify-content:center;width:45px}[pick-colors-theme=dark] .label[data-v-d52a4d02]{background:#252930;color:#999}.value[data-v-d52a4d02]{background:#eceef0;border:1px solid #eceef0;box-sizing:border-box;color:#666;flex:1;height:30px;text-align:center}[pick-colors-theme=dark] .value[data-v-d52a4d02]{background:#2e333a;border:1px solid #2e333a;color:#fff}.value[data-v-d52a4d02]:focus{border:1px solid #1890ff;outline:none}"), Pt.render = function(e, t, n, o, a, r) {
-  return x(), N("div", Hu, [Y("span", Wu, le(e.label), 1), Y("input", { class: "value", style: Le(e.valueStyle), ".value": e.value, onFocus: t[0] || (t[0] = function() {
+  return w(), N("div", Hu, [Y("span", Wu, le(e.label), 1), Y("input", { class: "value", style: Le(e.valueStyle), ".value": e.value, onFocus: t[0] || (t[0] = function() {
     return e.onFocus && e.onFocus.apply(e, arguments);
   }), onInput: t[1] || (t[1] = function() {
     return e.onInput && e.onInput.apply(e, arguments);
@@ -6169,7 +6182,7 @@ var Fo = function(e, t, n) {
   }), { canvas: t, colorItemStyle: r };
 } }), Yu = ["draggable"];
 Pe(".color-item[data-v-02da71fd]{display:inline-block;vertical-align:top}"), dt.render = function(e, t, n, o, a, r) {
-  return x(), N("canvas", { class: "color-item", style: Le(e.colorItemStyle), ref: "canvas", draggable: e.draggable }, null, 12, Yu);
+  return w(), N("canvas", { class: "color-item", style: Le(e.colorItemStyle), ref: "canvas", draggable: e.draggable }, null, 12, Yu);
 }, dt.__scopeId = "data-v-02da71fd", dt.__file = "src/color-item/ColorItem.vue";
 var Mt = ne({ name: "Colors", components: { ColorItem: dt }, props: { colors: { type: Array, default: function() {
   return [];
@@ -6206,8 +6219,8 @@ function _e(e) {
 }
 Pe(".colors[data-v-0f8b52a8]{align-items:center;display:flex;flex-wrap:wrap;margin-top:5px}.color-item[data-v-0f8b52a8]{margin:5px}"), Mt.render = function(e, t, n, o, a, r) {
   var s = E("color-item");
-  return x(), N("div", Xu, [(x(!0), N(ee, null, se(e.useColors, function(i, l) {
-    return x(), H(s, { key: l, class: "color-item", size: 16, value: i, border: !1, "border-radius": 3, selected: e.selectedIndex === l, onClick: ce(function(u) {
+  return w(), N("div", Xu, [(w(!0), N(ee, null, se(e.useColors, function(i, l) {
+    return w(), H(s, { key: l, class: "color-item", size: 16, value: i, border: !1, "border-radius": 3, selected: e.selectedIndex === l, onClick: ce(function(u) {
       return e.onSelectColor(i, +l);
     }, ["stop", "prevent"]) }, null, 8, ["value", "selected", "onClick"]);
   }), 128))]);
@@ -6222,10 +6235,10 @@ var Nt = ne({ name: "Picker", components: { Colors: Mt, Saturation: $t, Hue: Et,
   }), a = R(function() {
     return e.showAlpha ? 165 : 140;
   }), r = B(), s = B(), i = B(), l = function() {
-    var v, w = (v = e.value) === null || v === void 0 ? void 0 : v.trim();
-    if (w != null && w !== "") {
-      var _ = dn(w);
-      return Ia(cn(w, _, e.showAlpha));
+    var v, x = (v = e.value) === null || v === void 0 ? void 0 : v.trim();
+    if (x != null && x !== "") {
+      var _ = dn(x);
+      return Ia(cn(x, _, e.showAlpha));
     }
     return null;
   };
@@ -6233,11 +6246,11 @@ var Nt = ne({ name: "Picker", components: { Colors: Mt, Saturation: $t, Hue: Et,
     return e.value;
   }, function() {
     e.value !== p(i) && (r.value = l());
-  }, { immediate: !0 }), ue(r, function(v, w) {
+  }, { immediate: !0 }), ue(r, function(v, x) {
     var _ = "";
     v != null ? (_ = Ta(_e({}, v), e.format, e.showAlpha), s.value = _e({}, v)) : s.value = null, i.value = _;
     var k = l();
-    JSON.stringify(v) !== JSON.stringify(k) && JSON.stringify(v) !== JSON.stringify(w) && n("change", _);
+    JSON.stringify(v) !== JSON.stringify(k) && JSON.stringify(v) !== JSON.stringify(x) && n("change", _);
   }, { immediate: !0 });
   var u = R(function() {
     var v;
@@ -6249,8 +6262,8 @@ var Nt = ne({ name: "Picker", components: { Colors: Mt, Saturation: $t, Hue: Et,
     var v;
     return ((v = p(r)) === null || v === void 0 ? void 0 : v.v) || 0;
   }), f = R(function() {
-    var v, w;
-    return ((v = p(r)) === null || v === void 0 ? void 0 : v.a) != null ? (w = p(r)) === null || w === void 0 ? void 0 : w.a : 1;
+    var v, x;
+    return ((v = p(r)) === null || v === void 0 ? void 0 : v.a) != null ? (x = p(r)) === null || x === void 0 ? void 0 : x.a : 1;
   }), m = R(function() {
     return lt(p(u), p(c), p(d));
   }), h = R(function() {
@@ -6279,17 +6292,17 @@ var Nt = ne({ name: "Picker", components: { Colors: Mt, Saturation: $t, Hue: Et,
         default:
           return "HEX";
       }
-  }), g = B(-1), D = function(v, w, _) {
+  }), g = B(-1), D = function(v, x, _) {
     if (v.length !== 0) {
-      var k = cn(v, w, _), y = k.h, $ = k.s, F = k.v;
+      var k = cn(v, x, _), y = k.h, $ = k.s, F = k.v;
       if (!(isNaN(y) || isNaN($) || isNaN(F))) {
         var I = 1, G = k.a;
         isNaN(G) || (I = G), r.value = { h: y, s: $, v: F, a: I };
       }
     }
   };
-  return { h: u, s: c, v: d, a: f, rgbStr: h, onSelectSaturation: function(v, w) {
-    g.value = -1, p(r) == null ? r.value = { h: p(u), s: v, v: w, a: p(f) } : r.value = _e(_e({}, p(r)), {}, { s: v, v: w });
+  return { h: u, s: c, v: d, a: f, rgbStr: h, onSelectSaturation: function(v, x) {
+    g.value = -1, p(r) == null ? r.value = { h: p(u), s: v, v: x, a: p(f) } : r.value = _e(_e({}, p(r)), {}, { s: v, v: x });
   }, onSelectHue: function(v) {
     g.value = -1, p(r) == null && (r.value = { h: v, s: p(c), v: p(d), a: p(f) }), r.value = _e(_e({}, p(r)), {}, { h: v });
   }, onSelectAlpha: function(v) {
@@ -6297,8 +6310,8 @@ var Nt = ne({ name: "Picker", components: { Colors: Mt, Saturation: $t, Hue: Et,
   }, label: b, colorValue: i, pickerStyle: o, inputWidth: a, onInputChange: function(v) {
     g.value = -1, i.value = v;
   }, handleChange: function() {
-    var v, w = (v = p(i)) === null || v === void 0 ? void 0 : v.trim();
-    if (w !== "") {
+    var v, x = (v = p(i)) === null || v === void 0 ? void 0 : v.trim();
+    if (x !== "") {
       var _ = e.showAlpha, k = e.format, y = function($, F, I) {
         if (I)
           switch (F) {
@@ -6322,12 +6335,12 @@ var Nt = ne({ name: "Picker", components: { Colors: Mt, Saturation: $t, Hue: Et,
             default:
               return /^#([0-9a-fA-f]{3}|[0-9a-fA-F]{6})$/g.test($);
           }
-      }(w, k, _);
-      y ? D(w, k, _) : p(s) != null ? r.value = p(s) : i.value = "";
+      }(x, k, _);
+      y ? D(x, k, _) : p(s) != null ? r.value = p(s) : i.value = "";
     } else
       r.value = null;
-  }, selectColorIndex: g, onSelectColor: function(v, w) {
-    if (g.value = w, (v = v.trim()) === "")
+  }, selectColorIndex: g, onSelectColor: function(v, x) {
+    if (g.value = x, (v = v.trim()) === "")
       r.value = null;
     else {
       var _ = dn(v);
@@ -6337,7 +6350,7 @@ var Nt = ne({ name: "Picker", components: { Colors: Mt, Saturation: $t, Hue: Et,
 } }), Ku = { class: "picker-inner" }, Ju = { class: "picker-header" };
 Pe(".picker[data-v-6ceadec6]{background:#f7f8f9;border-radius:4px;box-shadow:0 0 16px 0 rgba(0,0,0,.16)}.picker-inner[data-v-6ceadec6]{padding:10px}[pick-colors-theme=dark] .picker-inner[data-v-6ceadec6]{background:#1d2024;box-shadow:0 0 16px 0 rgba(0,0,0,.16)}.picker-header[data-v-6ceadec6]{display:flex;margin-bottom:5px}.alpha[data-v-6ceadec6],.hue[data-v-6ceadec6]{margin-left:10px}.colors[data-v-6ceadec6]{margin-top:5px}"), Nt.render = function(e, t, n, o, a, r) {
   var s = E("saturation"), i = E("hue"), l = E("alpha"), u = E("input-value"), c = E("Colors");
-  return x(), N("div", { class: "picker", style: Le(e.pickerStyle) }, [Y("div", Ku, [Y("div", Ju, [O(s, { class: "saturation", hue: e.h, saturation: e.s, value: e.v, onChange: e.onSelectSaturation }, null, 8, ["hue", "saturation", "value", "onChange"]), O(i, { class: "hue", hue: e.h, onChange: e.onSelectHue }, null, 8, ["hue", "onChange"]), e.showAlpha ? (x(), H(l, { key: 0, class: "alpha", alpha: e.a, color: e.rgbStr, onChange: e.onSelectAlpha }, null, 8, ["alpha", "color", "onChange"])) : ae("v-if", !0)]), O(u, { label: e.label, value: e.colorValue, width: e.inputWidth, onChange: e.onInputChange, onBlur: e.handleChange, onEnter: e.handleChange }, null, 8, ["label", "value", "width", "onChange", "onBlur", "onEnter"]), e.colors.length > 0 ? (x(), H(c, { key: 0, class: "colors", colors: e.colors, "selected-index": e.selectColorIndex, onChange: e.onSelectColor }, null, 8, ["colors", "selected-index", "onChange"])) : ae("v-if", !0)])], 4);
+  return w(), N("div", { class: "picker", style: Le(e.pickerStyle) }, [Y("div", Ku, [Y("div", Ju, [O(s, { class: "saturation", hue: e.h, saturation: e.s, value: e.v, onChange: e.onSelectSaturation }, null, 8, ["hue", "saturation", "value", "onChange"]), O(i, { class: "hue", hue: e.h, onChange: e.onSelectHue }, null, 8, ["hue", "onChange"]), e.showAlpha ? (w(), H(l, { key: 0, class: "alpha", alpha: e.a, color: e.rgbStr, onChange: e.onSelectAlpha }, null, 8, ["alpha", "color", "onChange"])) : ae("v-if", !0)]), O(u, { label: e.label, value: e.colorValue, width: e.inputWidth, onChange: e.onInputChange, onBlur: e.handleChange, onEnter: e.handleChange }, null, 8, ["label", "value", "width", "onChange", "onBlur", "onEnter"]), e.colors.length > 0 ? (w(), H(c, { key: 0, class: "colors", colors: e.colors, "selected-index": e.selectColorIndex, onChange: e.onSelectColor }, null, 8, ["colors", "selected-index", "onChange"])) : ae("v-if", !0)])], 4);
 }, Nt.__scopeId = "data-v-6ceadec6", Nt.__file = "src/picker/Picker.vue";
 var jt = ne({ name: "AddColorItem", props: { size: { type: Number, default: 20 }, selected: { type: Boolean, default: !1 } }, setup: function(e) {
   var t = K("theme", { theme: "light" }).theme;
@@ -6371,7 +6384,7 @@ function en(e) {
   return e;
 }
 Pe(".add-color-item[data-v-ceb1719c]{background:#fff;border:1px solid #d9d9d9;border-radius:5px;vertical-align:top}.container[data-v-ceb1719c]{pointer-events:none;transform:scale(.9);transform-origin:center}[pick-colors-theme=dark] .add-color-item[data-v-ceb1719c]{background:#141414;border:1px solid #434343}path[data-v-ceb1719c]{fill:#000}[pick-colors-theme=dark] path[data-v-ceb1719c]{fill:#fff}"), jt.render = function(e, t, n, o, a, r) {
-  return x(), N("svg", { style: Le(e.addColorItemStyle), class: "add-color-item", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, [].concat(Zu), 4);
+  return w(), N("svg", { style: Le(e.addColorItemStyle), class: "add-color-item", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg" }, [].concat(Zu), 4);
 }, jt.__scopeId = "data-v-ceb1719c", jt.__file = "src/add-color-item/AddColorItem.vue";
 var Re = null, qe = ne({ name: "ColorPicker", components: { ColorItem: dt, Picker: Nt, AddColorItem: jt }, props: { value: { type: [String, Array] }, theme: { type: String, default: "light" }, size: { type: [Number, String], default: 20 }, width: { type: [Number, String] }, height: { type: [Number, String] }, format: { type: String, default: "hex" }, showPicker: { type: Boolean, default: void 0 }, showAlpha: { type: Boolean, default: !1 }, addColor: { type: Boolean, default: !1 }, deleteColor: { type: Boolean, default: !0 }, max: { type: Number, default: 13 }, popupContainer: { type: [String, Object, Boolean] }, zIndex: { type: Number, default: 1e3 }, colors: { type: Array, default: function() {
   return ["#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585", "#ff4500", "#ff7d4d", "#00babd", "#1f93ff", "#fa64c3"];
@@ -6416,7 +6429,7 @@ var Re = null, qe = ne({ name: "ColorPicker", components: { ColorItem: dt, Picke
   }), qo(function() {
     var z;
     Re && ((z = Re) === null || z === void 0 || z.destroy(), Re = null);
-  }), { instance: Re, style: d }), v = D.style, w = function() {
+  }), { instance: Re, style: d }), v = D.style, x = function() {
     p(b) == null && (b.value = p(Q)[0], r.value = 0), e.showPicker === void 0 ? i.value = !0 : n("update:showPicker", !0);
   }, _ = function() {
     r.value = void 0, e.showPicker === void 0 ? i.value = !1 : n("update:showPicker", !1), n("closePicker", Ga(Array.isArray(e.value) || e.addColor ? p(o) : p(o)[0]));
@@ -6440,8 +6453,8 @@ var Re = null, qe = ne({ name: "ColorPicker", components: { ColorItem: dt, Picke
               return T.abrupt("return");
             case 7:
               p(r) != null && p(r) !== C ? (_(), m && clearTimeout(m), m = setTimeout(function() {
-                w(), clearTimeout(m);
-              }, 100)) : w(), r.value = C, b.value = U;
+                x(), clearTimeout(m);
+              }, 100)) : x(), r.value = C, b.value = U;
             case 10:
             case "end":
               return T.stop();
@@ -6484,7 +6497,7 @@ var Re = null, qe = ne({ name: "ColorPicker", components: { ColorItem: dt, Picke
     };
   }();
   ue(i, function() {
-    p(i) && (w(), clearTimeout(h));
+    p(i) && (x(), clearTimeout(h));
   });
   var F, I = B(e.max > p(o).length), G = R(function() {
     return typeof e.popupContainer == "string" || He(e.popupContainer) === "object" && e.popupContainer != null ? e.popupContainer : "body";
@@ -6503,7 +6516,7 @@ var Re = null, qe = ne({ name: "ColorPicker", components: { ColorItem: dt, Picke
   }, { immediate: !0 }), ge("theme", { theme: Z });
   var Q = B([]);
   return Ee(function() {
-    document.addEventListener("mouseup", $, !1), e.showPicker && w();
+    document.addEventListener("mouseup", $, !1), e.showPicker && x();
   }), Yo(function() {
     document.removeEventListener("mouseup", $, !1), m && (clearTimeout(m), m = null), h && (clearTimeout(h), h = null);
   }), { valueList: o, colorItemSelected: function(z) {
@@ -6529,7 +6542,7 @@ var Re = null, qe = ne({ name: "ColorPicker", components: { ColorItem: dt, Picke
 } });
 Pe(".color-picker[data-v-3c43ade8]{display:inline-block}.color-item[data-v-3c43ade8]{margin:5px}.add-color-item[data-v-3c43ade8]{display:inline-block;margin:5px}.picker[data-v-3c43ade8]{overflow:hidden}.v-enter-active[data-v-3c43ade8],.v-leave-active[data-v-3c43ade8]{opacity:1;transform:scaleY(1);transform-origin:center top;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.v-enter-from[data-v-3c43ade8],.v-leave-to[data-v-3c43ade8]{opacity:0;transform:scaleY(0)}"), qe.render = function(e, t, n, o, a, r) {
   var s = E("color-item"), i = E("add-color-item"), l = E("picker");
-  return x(), N("div", { class: "color-picker", ref: "colorPicker", onDragstart: t[0] || (t[0] = ce(function() {
+  return w(), N("div", { class: "color-picker", ref: "colorPicker", onDragstart: t[0] || (t[0] = ce(function() {
     return e.onColorItemDragStart && e.onColorItemDragStart.apply(e, arguments);
   }, ["stop"])), onDragover: t[1] || (t[1] = ce(function() {
     return e.onColorItemDragOver && e.onColorItemDragOver.apply(e, arguments);
@@ -6537,12 +6550,12 @@ Pe(".color-picker[data-v-3c43ade8]{display:inline-block}.color-item[data-v-3c43a
     return e.onColorItemDrop && e.onColorItemDrop.apply(e, arguments);
   }, ["prevent", "stop"])), onClick: t[3] || (t[3] = ce(function() {
     return e.onColorClick && e.onColorClick.apply(e, arguments);
-  }, ["stop"])) }, [(x(!0), N(ee, null, se(e.values, function(u, c) {
-    return x(), H(s, { class: "color-item", key: c, ref_for: !0, ref: function(d) {
+  }, ["stop"])) }, [(w(!0), N(ee, null, se(e.values, function(u, c) {
+    return w(), H(s, { class: "color-item", key: c, ref_for: !0, ref: function(d) {
       return e.colorItemsRef[c] = d;
     }, size: e.size, width: e.width, height: e.height, value: u, selected: e.colorItemSelected(c), "data-index": c, draggable: e.valueList.length > 1, format: e.format }, null, 8, ["size", "width", "height", "value", "selected", "data-index", "draggable", "format"]);
-  }), 128)), e.addColor && e.addColorItemShow ? (x(), H(i, { key: 0, class: "add-color-item", ref: "addColorItem", selected: e.colorItemSelected(-1), "data-index": -1 }, null, 8, ["selected"])) : ae("v-if", !0), (x(), H(Ba, { to: e.toPopupContainer, disabled: e.teleportDisabled }, [O(Va, null, { default: P(function() {
-    return [e.isShowPicker ? (x(), H(l, { key: 0, class: "picker", style: Le(e.pickerStyle), ref: "pickerRef", value: e.selectedColor, format: e.format, "show-alpha": e.showAlpha, colors: e.colors, onChange: e.onPickerChange }, null, 8, ["style", "value", "format", "show-alpha", "colors", "onChange"])) : ae("v-if", !0)];
+  }), 128)), e.addColor && e.addColorItemShow ? (w(), H(i, { key: 0, class: "add-color-item", ref: "addColorItem", selected: e.colorItemSelected(-1), "data-index": -1 }, null, 8, ["selected"])) : ae("v-if", !0), (w(), H(Ba, { to: e.toPopupContainer, disabled: e.teleportDisabled }, [O(Va, null, { default: P(function() {
+    return [e.isShowPicker ? (w(), H(l, { key: 0, class: "picker", style: Le(e.pickerStyle), ref: "pickerRef", value: e.selectedColor, format: e.format, "show-alpha": e.showAlpha, colors: e.colors, onChange: e.onPickerChange }, null, 8, ["style", "value", "format", "show-alpha", "colors", "onChange"])) : ae("v-if", !0)];
   }), _: 1 })], 8, ["to", "disabled"]))], 544);
 }, qe.__scopeId = "data-v-3c43ade8", qe.__file = "src/ColorPicker.vue";
 const Qu = ne({
@@ -6576,7 +6589,7 @@ const Qu = ne({
 const ec = { class: "color-pick" };
 function tc(e, t, n, o, a, r) {
   const s = E("a-input"), i = E("pick-colors");
-  return x(), N("div", ec, [
+  return w(), N("div", ec, [
     O(s, {
       class: "input",
       value: e.colorValue,
@@ -6618,7 +6631,7 @@ const nc = /* @__PURE__ */ ie(Qu, [["render", tc], ["__scopeId", "data-v-e2113f4
 const ac = { class: "color-group-pick" };
 function rc(e, t, n, o, a, r) {
   const s = E("pick-colors");
-  return x(), N("div", ac, [
+  return w(), N("div", ac, [
     O(s, {
       value: e.value,
       "add-color": "",
@@ -6727,7 +6740,7 @@ const sc = { class: "form-group" }, uc = { class: "form-row" }, cc = {
 }, pc = { class: "icon-group" };
 function fc(e, t, n, o, a, r) {
   const s = E("appstore-add-outlined"), i = E("draggable"), l = E("minus-circle-outlined");
-  return x(), N("div", sc, [
+  return w(), N("div", sc, [
     O(s, {
       class: "icon add",
       onClick: e.onAdd
@@ -6740,12 +6753,12 @@ function fc(e, t, n, o, a, r) {
     }, {
       item: P(({ element: u, index: c }) => [
         Y("div", uc, [
-          (x(!0), N(ee, null, se(e.format, (d, f) => (x(), N("div", {
+          (w(!0), N(ee, null, se(e.format, (d, f) => (w(), N("div", {
             class: "form-item",
             key: f
           }, [
-            Array.isArray(d.label) ? (x(), N("span", cc, le(d.useLabelIndex ? d.label[c] + (c + 1) : d.label[c]), 1)) : (x(), N("span", dc, le(d.useLabelIndex ? d.label + (c + 1) : d.label), 1)),
-            (x(), H(Rt(e.useComponentType(d.type)), pt({
+            Array.isArray(d.label) ? (w(), N("span", cc, le(d.useLabelIndex ? d.label[c] + (c + 1) : d.label[c]), 1)) : (w(), N("span", dc, le(d.useLabelIndex ? d.label + (c + 1) : d.label), 1)),
+            (w(), H(Rt(e.useComponentType(d.type)), pt({
               class: "value",
               [e.formatTypeValue(d.typeValue) || ""]: typeof u == "string" ? u : u[d.value] ?? d.defaultValue,
               style: {
@@ -6762,7 +6775,7 @@ function fc(e, t, n, o, a, r) {
       _: 1
     }, 8, ["modelValue"]),
     Y("div", pc, [
-      (x(!0), N(ee, null, se(e.myValue, (u, c) => (x(), N("div", {
+      (w(!0), N(ee, null, se(e.myValue, (u, c) => (w(), N("div", {
         class: "icon-item",
         key: c
       }, [
@@ -6800,7 +6813,7 @@ const vc = /* @__PURE__ */ ie(ic, [["render", fc], ["__scopeId", "data-v-065bc98
 });
 function hc(e, t, n, o, a, r) {
   const s = E("a-textarea");
-  return x(), H(s, {
+  return w(), H(s, {
     value: e.value,
     disabled: e.disabled,
     autoSize: {
@@ -6884,21 +6897,21 @@ const gc = /* @__PURE__ */ ie(mc, [["render", hc]]), yc = ne({
 });
 const bc = { class: "props-to-form" }, Cc = { class: "label" }, xc = { class: "component-wrapper" };
 function wc(e, t, n, o, a, r) {
-  return x(), N("div", bc, [
-    (x(!0), N(ee, null, se(e.formProps, (s, i) => (x(), N("div", {
+  return w(), N("div", bc, [
+    (w(!0), N(ee, null, se(e.formProps, (s, i) => (w(), N("div", {
       key: i,
       class: "prop-item"
     }, [
       Y("span", Cc, le(s.label), 1),
       Y("div", xc, [
-        Array.isArray(s) ? (x(!0), N(ee, { key: 0 }, se(s, (l, u) => (x(), H(Rt(l.component), pt({
+        Array.isArray(s) ? (w(!0), N(ee, { key: 0 }, se(s, (l, u) => (w(), H(Rt(l.component), pt({
           key: u,
           class: "component",
           style: l.style,
           disabled: e.disabled
         }, l.props, Kn(l.events)), null, 16, ["style", "disabled"]))), 128)) : ae("", !0),
-        Array.isArray(s) ? ae("", !0) : (x(), N(ee, { key: 1 }, [
-          s.component ? (x(), H(Rt(s.component), pt({
+        Array.isArray(s) ? ae("", !0) : (w(), N(ee, { key: 1 }, [
+          s.component ? (w(), H(Rt(s.component), pt({
             key: 0,
             class: "component",
             [s.valueProp || ""]: s.value,
@@ -7029,7 +7042,7 @@ const kc = {
   ref: "dom"
 };
 function Tc(e, t, n, o, a, r) {
-  return x(), N("div", kc, null, 512);
+  return w(), N("div", kc, null, 512);
 }
 const Ic = /* @__PURE__ */ ie(Oc, [["render", Tc], ["__scopeId", "data-v-132e78f8"]]), $c = ne({
   name: "StyleConfigGroup",
@@ -7055,14 +7068,14 @@ const Ic = /* @__PURE__ */ ie(Oc, [["render", Tc], ["__scopeId", "data-v-132e78f
       var b;
       return (b = p(t)) == null ? void 0 : b.type;
     }), s = R(() => hs.map((b) => {
-      const { props: g, title: D, enableProps: v, onlyType: w, excludeType: _ } = b, k = [];
+      const { props: g, title: D, enableProps: v, onlyType: x, excludeType: _ } = b, k = [];
       return g.forEach((y) => {
         typeof y == "string" && k.push(y);
       }), {
         title: D,
         enableProps: typeof v == "string" && t.value ? t.value[v] : void 0,
         enablePropsName: v,
-        onlyType: w,
+        onlyType: x,
         excludeType: _,
         props: Ko(p(t), k)
       };
@@ -7115,7 +7128,7 @@ const Ic = /* @__PURE__ */ ie(Oc, [["render", Tc], ["__scopeId", "data-v-132e78f
 const Ec = { class: "style-group" };
 function Dc(e, t, n, o, a, r) {
   const s = E("a-select-option"), i = E("a-select"), l = E("a-form-item"), u = E("a-switch"), c = E("props-to-form"), d = E("a-collapse-panel"), f = E("editor"), m = E("a-collapse");
-  return x(), N("div", Ec, [
+  return w(), N("div", Ec, [
     O(l, { label: "图表类型" }, {
       default: P(() => [
         O(i, {
@@ -7166,16 +7179,16 @@ function Dc(e, t, n, o, a, r) {
       "onUpdate:activeKey": t[1] || (t[1] = (h) => e.activePanel = h)
     }, {
       default: P(() => [
-        (x(!0), N(ee, null, se(e.detailPropsGroups, (h) => (x(), N(ee, {
+        (w(!0), N(ee, null, se(e.detailPropsGroups, (h) => (w(), N(ee, {
           key: h.title
         }, [
-          e.isRenderForm(h, e.type) ? (x(), N(ee, { key: 0 }, [
-            h.title ? (x(), H(d, {
+          e.isRenderForm(h, e.type) ? (w(), N(ee, { key: 0 }, [
+            h.title ? (w(), H(d, {
               header: h.title,
               key: h.title
             }, {
               extra: P(() => [
-                typeof h.enableProps == "boolean" ? (x(), H(u, {
+                typeof h.enableProps == "boolean" ? (w(), H(u, {
                   key: 0,
                   checked: h.enableProps,
                   onChange: (b) => e.onSwitchChange(b, h.enablePropsName),
@@ -7192,7 +7205,7 @@ function Dc(e, t, n, o, a, r) {
             }, 1032, ["header"])) : ae("", !0)
           ], 64)) : ae("", !0)
         ], 64))), 128)),
-        e.isShowOptionEditor ? (x(), H(d, {
+        e.isShowOptionEditor ? (w(), H(d, {
           key: "custom-option",
           header: "自定义option配置"
         }, {
@@ -7271,7 +7284,7 @@ const Pc = /* @__PURE__ */ ie($c, [["render", Dc], ["__scopeId", "data-v-6513400
       // controlList = [],
       dataSourceId: v,
       // 所属数据源ID
-      idxLibMode: w,
+      idxLibMode: x,
       // 指标库模式, source= INDICATOR_LIB时候必填, NORMAL_YEAR_TABLE = 普通年表, WITH_DATE_DIM_TABLE = 带有时间维度表
       preview: _ = !1
       // 预览开关
@@ -7341,7 +7354,7 @@ const Pc = /* @__PURE__ */ ie($c, [["render", Dc], ["__scopeId", "data-v-6513400
             pageFlag: !0,
             sqlConditions: [],
             dataSourceId: v,
-            idxLibMode: w,
+            idxLibMode: x,
             preview: _
           },
           {
@@ -7843,7 +7856,7 @@ const Pc = /* @__PURE__ */ ie($c, [["render", Dc], ["__scopeId", "data-v-6513400
         d === "" && (d = "{marker} {a}    {c}");
         const f = e.seriesTypes;
         for (let m = 0; m < u; m++) {
-          const h = f[m], { tooltipFormatter: b } = h || {}, { marker: g, seriesName: D, name: v, value: w, data: _ } = l[m] || {};
+          const h = f[m], { tooltipFormatter: b } = h || {}, { marker: g, seriesName: D, name: v, value: x, data: _ } = l[m] || {};
           m === 0 && (c += `${v}<br/>`), c += Ut(
             // 如果系列有提示框组件就使用自定义，没有就用默认的
             b || d,
@@ -7851,11 +7864,11 @@ const Pc = /* @__PURE__ */ ie($c, [["render", Dc], ["__scopeId", "data-v-6513400
               textData: {
                 marker: g,
                 name: v,
-                value: w,
+                value: x,
                 seriesName: D,
                 a: D,
                 b: v,
-                c: w,
+                c: x,
                 ..._
               }
             },
@@ -8097,7 +8110,7 @@ const Pc = /* @__PURE__ */ ie($c, [["render", Dc], ["__scopeId", "data-v-6513400
           fontWeight: "normal"
         }
       }
-    }, w = () => {
+    }, x = () => {
       p(f).dataset.length === 0 ? l.value.setOption(v) : l.value.setOption(h.value);
     }, _ = () => {
       p(n.value).type !== "customGraph" && D();
@@ -8108,7 +8121,7 @@ const Pc = /* @__PURE__ */ ie($c, [["render", Dc], ["__scopeId", "data-v-6513400
     return ue(
       h,
       () => {
-        w();
+        x();
       },
       {
         deep: !0
@@ -8149,7 +8162,7 @@ const Uc = {
 };
 function Wc(e, t, n, o, a, r) {
   const s = E("a-spin");
-  return x(), N("div", Uc, [
+  return w(), N("div", Uc, [
     O(s, {
       spinning: e.loading,
       wrapperClassName: "chart-spin",
@@ -8224,7 +8237,7 @@ const Ea = /* @__PURE__ */ ie(zc, [["render", Wc], ["__scopeId", "data-v-eccbe2c
 const Yc = { class: "data-config" };
 function Xc(e, t, n, o, a, r) {
   const s = E("data-group"), i = E("a-tab-pane"), l = E("style-group"), u = E("a-tabs"), c = E("chart-graph");
-  return x(), N("div", Yc, [
+  return w(), N("div", Yc, [
     O(u, {
       activeKey: e.activeKey,
       "onUpdate:activeKey": t[0] || (t[0] = (d) => e.activeKey = d)
@@ -8239,7 +8252,7 @@ function Xc(e, t, n, o, a, r) {
           ]),
           _: 1
         }),
-        e.isShowStyleConfig ? (x(), H(i, {
+        e.isShowStyleConfig ? (w(), H(i, {
           key: "2",
           tab: "样式配置",
           "force-render": ""
@@ -8252,12 +8265,12 @@ function Xc(e, t, n, o, a, r) {
       ]),
       _: 1
     }, 8, ["activeKey"]),
-    e.isShowStyleConfig ? (x(), H(c, {
+    e.isShowStyleConfig ? (w(), H(c, {
       key: 0,
       class: "chart-component",
       ref: "componentRef",
       style: { width: "100%", height: "290px" }
-    }, null, 512)) : (x(), H(Rt(e.type), pt({
+    }, null, 512)) : (w(), H(Rt(e.type), pt({
       key: 1,
       class: "chart-component"
     }, e.component, { ref: "componentRef" }), null, 16))
@@ -8325,7 +8338,7 @@ const Kc = /* @__PURE__ */ ie(qc, [["render", Xc], ["__scopeId", "data-v-b64f96e
 const Zc = { class: "config-modal" }, Qc = { class: "config-modal-left" }, ed = { class: "config-modal-right" };
 function td(e, t, n, o, a, r) {
   const s = E("data-list"), i = E("data-config");
-  return x(), N("div", Zc, [
+  return w(), N("div", Zc, [
     Y("div", Qc, [
       O(s)
     ]),