3h1-ui 3.0.0-next.66 → 3.0.0-next.67

package/es/index.js

@@ -1,7 +1,7 @@
 import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle as normalizeStyle$1, Transition, toHandlers, useSlots, resolveDynamicComponent, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, defineAsyncComponent, isRef, toRaw, shallowRef, isVNode, readonly, useAttrs as useAttrs$2, shallowReactive, withKeys, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars, triggerRef, Comment, Text, withModifiers } from "vue";
 import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination as Pagination$1, Empty as Empty$3, Button as Button$1, Table as Table$2, FormItem, DatePicker as DatePicker$1, InputNumber, Modal as Modal$3, ConfigProvider, Popconfirm, Menu, Dropdown, Divider as Divider$1, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker as TimePicker$1, Col, Form, Row, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem, theme, Breadcrumb, Timeline, TimelineItem } from "ant-design-vue";
 import { isFunction as isFunction$4, isString as isString$4, isArray as isArray$4, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, buildUUID, extendSlots as extendSlots$1, withInstall as withInstall$8, isBoolean as isBoolean$1, isNumber as isNumber$2, isDef as isDef$1, warn as warn$1, downloadByUrl, isObject as isObject$4, isNull, dateUtil, isNullOrUnDef, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, findNodeAll, getViewportOffset, isNullAndUnDef, dataURLtoBlob, deepMergeObjects } from "@shy-plugins/utils";
-import { useAttrs as useAttrs$1, useRuleFormItem, useDesign as useDesign$1, useTimeoutFn as useTimeoutFn$2, useScrollTo as useScrollTo$1, useIntersectionObserver, useCopyToClipboard, useMessage, usePagination as usePagination$3, useI18n as useI18n$1, useSortable, createContext as createContext$1, useContext as useContext$2, useBreakpoint, useContentHeight, useWindowSizeFn as useWindowSizeFn$1, onMountedOrActivated, useEventListener as useEventListener$1 } from "@shy-plugins/use";
+import { useAttrs as useAttrs$1, useRuleFormItem, useDesign as useDesign$1, useTimeoutFn as useTimeoutFn$2, useScrollTo as useScrollTo$1, useIntersectionObserver, useCopyToClipboard, useMessage, usePagination as usePagination$3, getVarColor, useI18n as useI18n$1, useSortable, createContext as createContext$1, useContext as useContext$2, useBreakpoint, useContentHeight, useWindowSizeFn as useWindowSizeFn$1, onMountedOrActivated, useEventListener as useEventListener$1 } from "@shy-plugins/use";
 import { zxcvbn } from "@zxcvbn-ts/core";
 import Iconify from "@purge-icons/generated";
 import dayjs from "dayjs";
@@ -10244,16 +10244,6 @@ const buttonProps = {
   iconSize: { type: Number, default: 14 },
   onClick: { type: Function, default: null }
 };
-const lessString = ":root {\n  --primary-1: #dafbe1;\n  --primary-2: #aceebb;\n  --primary-3: #6fdd8b;\n  --primary-4: #4ac26b;\n  --primary-5: #2da44e;\n  --primary-6: #1a7f37;\n  --primary-7: #116329;\n  --primary-8: #044f1e;\n  --primary-9: #003d16;\n  --primary-10: #002d11;\n  --gray-0: #fff;\n  --gray-1: #f6f8fa;\n  --gray-2: #eaeef2;\n  --gray-3: #d0d7de;\n  --gray-4: #afb8c1;\n  --gray-5: #8c959f;\n  --gray-6: #6e7781;\n  --gray-7: #57606a;\n  --gray-8: #424a53;\n  --gray-9: #32383f;\n  --gray-10: #24292f;\n  --green-1: #dafbe1;\n  --green-2: #aceebb;\n  --green-3: #6fdd8b;\n  --green-4: #4ac26b;\n  --green-5: #2da44e;\n  --green-6: #1a7f37;\n  --green-7: #116329;\n  --green-8: #044f1e;\n  --green-9: #003d16;\n  --green-10: #002d11;\n  --orange-1: #fff1e5;\n  --orange-2: #ffd8b5;\n  --orange-3: #ffb77c;\n  --orange-4: #fb8f44;\n  --orange-5: #e16f24;\n  --orange-6: #bc4c00;\n  --orange-7: #953800;\n  --orange-8: #762c00;\n  --orange-9: #5c2200;\n  --orange-10: #471700;\n  --pink-1: #ffeff7;\n  --pink-2: #ffd3eb;\n  --pink-3: #ffadda;\n  --pink-4: #ff80c8;\n  --pink-5: #e85aad;\n  --pink-6: #bf3989;\n  --pink-7: #99286e;\n  --pink-8: #772057;\n  --pink-9: #611347;\n  --pink-10: #4d0336;\n  --purple-1: #fbefff;\n  --purple-2: #ecd8ff;\n  --purple-3: #d8b9ff;\n  --purple-4: #c297ff;\n  --purple-5: #a475f9;\n  --purple-6: #8250df;\n  --purple-7: #6639ba;\n  --purple-8: #512a97;\n  --purple-9: #3e1f79;\n  --purple-10: #2e1461;\n  --red-1: #ffebe9;\n  --red-2: #ffcecb;\n  --red-3: #ffaba8;\n  --red-4: #ff8182;\n  --red-5: #fa4549;\n  --red-6: #cf222e;\n  --red-7: #a40e26;\n  --red-8: #82071e;\n  --red-9: #660018;\n  --red-10: #4c0014;\n  --yellow-1: #fff8c5;\n  --yellow-2: #fae17d;\n  --yellow-3: #eac54f;\n  --yellow-4: #d4a72c;\n  --yellow-5: #bf8700;\n  --yellow-6: #9a6700;\n  --yellow-7: #7d4e00;\n  --yellow-8: #633c01;\n  --yellow-9: #4d2d00;\n  --yellow-10: #3b2300;\n  --blue-1: #ddf4ff;\n  --blue-2: #b6e3ff;\n  --blue-3: #80ccff;\n  --blue-4: #54aeff;\n  --blue-5: #218bff;\n  --blue-6: #0969da;\n  --blue-7: #0550ae;\n  --blue-8: #033d8b;\n  --blue-9: #0a3069;\n  --blue-10: #002155;\n  --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),\n      0px 1px 1px 0px rgba(0, 0, 0, 0.02);\n  --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),\n      0px 1px px 0px rgba(0, 0, 0, 0.04);\n  --shadow-4: 0px 8px 32px 0px rgba(0, 0, 0, 0.08),\n      0px 2px 20px 0px rgba(0, 0, 0, 0.04);\n  --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),\n      0px 8px 20px 0px rgba(0, 0, 0, 0.06);\n}";
-const keyValuePairs = lessString.match(/--\w+-\d+:\s#[a-fA-F0-9]+;/g);
-const keyValueMap = {};
-keyValuePairs.forEach((pair) => {
-  const [key2, value] = pair.split(":");
-  keyValueMap[key2.trim()] = value.slice(0, -1).trim();
-});
-const getVarColor = (name) => {
-  return keyValueMap[name];
-};
 const BasicButton = /* @__PURE__ */ defineComponent({
   props: buttonProps,
   setup(props2, {
@@ -10284,7 +10274,7 @@ const BasicButton = /* @__PURE__ */ defineComponent({
             colorPrimary = getVarColor("--yellow-5");
             break;
           case "success":
-            colorPrimary = getVarColor("--primary-5");
+            colorPrimary = getVarColor("--green-5");
             break;
           case "message":
             colorPrimary = getVarColor("--blue-6");
@@ -39774,7 +39764,6 @@ export {
   createLoading,
   descriptionsForm,
   getGlobalAdvancedType,
-  getVarColor,
   registerGlobalConfig,
   searchType,
   searchTypeDate,

package/es/style.css

@@ -1649,106 +1649,6 @@ span.iconify {
       0px 2px 20px 0px rgba(0, 0, 0, 0.04);
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
-}:root {
-  --primary-1: #dafbe1;
-  --primary-2: #aceebb;
-  --primary-3: #6fdd8b;
-  --primary-4: #4ac26b;
-  --primary-5: #2da44e;
-  --primary-6: #1a7f37;
-  --primary-7: #116329;
-  --primary-8: #044f1e;
-  --primary-9: #003d16;
-  --primary-10: #002d11;
-  --gray-0: #fff;
-  --gray-1: #f6f8fa;
-  --gray-2: #eaeef2;
-  --gray-3: #d0d7de;
-  --gray-4: #afb8c1;
-  --gray-5: #8c959f;
-  --gray-6: #6e7781;
-  --gray-7: #57606a;
-  --gray-8: #424a53;
-  --gray-9: #32383f;
-  --gray-10: #24292f;
-  --green-1: #dafbe1;
-  --green-2: #aceebb;
-  --green-3: #6fdd8b;
-  --green-4: #4ac26b;
-  --green-5: #2da44e;
-  --green-6: #1a7f37;
-  --green-7: #116329;
-  --green-8: #044f1e;
-  --green-9: #003d16;
-  --green-10: #002d11;
-  --orange-1: #fff1e5;
-  --orange-2: #ffd8b5;
-  --orange-3: #ffb77c;
-  --orange-4: #fb8f44;
-  --orange-5: #e16f24;
-  --orange-6: #bc4c00;
-  --orange-7: #953800;
-  --orange-8: #762c00;
-  --orange-9: #5c2200;
-  --orange-10: #471700;
-  --pink-1: #ffeff7;
-  --pink-2: #ffd3eb;
-  --pink-3: #ffadda;
-  --pink-4: #ff80c8;
-  --pink-5: #e85aad;
-  --pink-6: #bf3989;
-  --pink-7: #99286e;
-  --pink-8: #772057;
-  --pink-9: #611347;
-  --pink-10: #4d0336;
-  --purple-1: #fbefff;
-  --purple-2: #ecd8ff;
-  --purple-3: #d8b9ff;
-  --purple-4: #c297ff;
-  --purple-5: #a475f9;
-  --purple-6: #8250df;
-  --purple-7: #6639ba;
-  --purple-8: #512a97;
-  --purple-9: #3e1f79;
-  --purple-10: #2e1461;
-  --red-1: #ffebe9;
-  --red-2: #ffcecb;
-  --red-3: #ffaba8;
-  --red-4: #ff8182;
-  --red-5: #fa4549;
-  --red-6: #cf222e;
-  --red-7: #a40e26;
-  --red-8: #82071e;
-  --red-9: #660018;
-  --red-10: #4c0014;
-  --yellow-1: #fff8c5;
-  --yellow-2: #fae17d;
-  --yellow-3: #eac54f;
-  --yellow-4: #d4a72c;
-  --yellow-5: #bf8700;
-  --yellow-6: #9a6700;
-  --yellow-7: #7d4e00;
-  --yellow-8: #633c01;
-  --yellow-9: #4d2d00;
-  --yellow-10: #3b2300;
-  --blue-1: #ddf4ff;
-  --blue-2: #b6e3ff;
-  --blue-3: #80ccff;
-  --blue-4: #54aeff;
-  --blue-5: #218bff;
-  --blue-6: #0969da;
-  --blue-7: #0550ae;
-  --blue-8: #033d8b;
-  --blue-9: #0a3069;
-  --blue-10: #002155;
-  --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),
-      0px 1px 1px 0px rgba(0, 0, 0, 0.02);
-  --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),
-      0px 1px px 0px rgba(0, 0, 0, 0.04);
-  --shadow-4: 0px 8px 32px 0px rgba(0, 0, 0, 0.08),
-      0px 2px 20px 0px rgba(0, 0, 0, 0.04);
-  --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
-      0px 8px 20px 0px rgba(0, 0, 0, 0.06);
 }
 .shy-basic-help {
   display: inline-block;

package/lib/index.js

@@ -10268,16 +10268,6 @@ const buttonProps = {
   iconSize: { type: Number, default: 14 },
   onClick: { type: Function, default: null }
 };
-const lessString = ":root {\n  --primary-1: #dafbe1;\n  --primary-2: #aceebb;\n  --primary-3: #6fdd8b;\n  --primary-4: #4ac26b;\n  --primary-5: #2da44e;\n  --primary-6: #1a7f37;\n  --primary-7: #116329;\n  --primary-8: #044f1e;\n  --primary-9: #003d16;\n  --primary-10: #002d11;\n  --gray-0: #fff;\n  --gray-1: #f6f8fa;\n  --gray-2: #eaeef2;\n  --gray-3: #d0d7de;\n  --gray-4: #afb8c1;\n  --gray-5: #8c959f;\n  --gray-6: #6e7781;\n  --gray-7: #57606a;\n  --gray-8: #424a53;\n  --gray-9: #32383f;\n  --gray-10: #24292f;\n  --green-1: #dafbe1;\n  --green-2: #aceebb;\n  --green-3: #6fdd8b;\n  --green-4: #4ac26b;\n  --green-5: #2da44e;\n  --green-6: #1a7f37;\n  --green-7: #116329;\n  --green-8: #044f1e;\n  --green-9: #003d16;\n  --green-10: #002d11;\n  --orange-1: #fff1e5;\n  --orange-2: #ffd8b5;\n  --orange-3: #ffb77c;\n  --orange-4: #fb8f44;\n  --orange-5: #e16f24;\n  --orange-6: #bc4c00;\n  --orange-7: #953800;\n  --orange-8: #762c00;\n  --orange-9: #5c2200;\n  --orange-10: #471700;\n  --pink-1: #ffeff7;\n  --pink-2: #ffd3eb;\n  --pink-3: #ffadda;\n  --pink-4: #ff80c8;\n  --pink-5: #e85aad;\n  --pink-6: #bf3989;\n  --pink-7: #99286e;\n  --pink-8: #772057;\n  --pink-9: #611347;\n  --pink-10: #4d0336;\n  --purple-1: #fbefff;\n  --purple-2: #ecd8ff;\n  --purple-3: #d8b9ff;\n  --purple-4: #c297ff;\n  --purple-5: #a475f9;\n  --purple-6: #8250df;\n  --purple-7: #6639ba;\n  --purple-8: #512a97;\n  --purple-9: #3e1f79;\n  --purple-10: #2e1461;\n  --red-1: #ffebe9;\n  --red-2: #ffcecb;\n  --red-3: #ffaba8;\n  --red-4: #ff8182;\n  --red-5: #fa4549;\n  --red-6: #cf222e;\n  --red-7: #a40e26;\n  --red-8: #82071e;\n  --red-9: #660018;\n  --red-10: #4c0014;\n  --yellow-1: #fff8c5;\n  --yellow-2: #fae17d;\n  --yellow-3: #eac54f;\n  --yellow-4: #d4a72c;\n  --yellow-5: #bf8700;\n  --yellow-6: #9a6700;\n  --yellow-7: #7d4e00;\n  --yellow-8: #633c01;\n  --yellow-9: #4d2d00;\n  --yellow-10: #3b2300;\n  --blue-1: #ddf4ff;\n  --blue-2: #b6e3ff;\n  --blue-3: #80ccff;\n  --blue-4: #54aeff;\n  --blue-5: #218bff;\n  --blue-6: #0969da;\n  --blue-7: #0550ae;\n  --blue-8: #033d8b;\n  --blue-9: #0a3069;\n  --blue-10: #002155;\n  --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),\n      0px 1px 1px 0px rgba(0, 0, 0, 0.02);\n  --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),\n      0px 1px px 0px rgba(0, 0, 0, 0.04);\n  --shadow-4: 0px 8px 32px 0px rgba(0, 0, 0, 0.08),\n      0px 2px 20px 0px rgba(0, 0, 0, 0.04);\n  --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),\n      0px 8px 20px 0px rgba(0, 0, 0, 0.06);\n}";
-const keyValuePairs = lessString.match(/--\w+-\d+:\s#[a-fA-F0-9]+;/g);
-const keyValueMap = {};
-keyValuePairs.forEach((pair) => {
-  const [key2, value] = pair.split(":");
-  keyValueMap[key2.trim()] = value.slice(0, -1).trim();
-});
-const getVarColor = (name) => {
-  return keyValueMap[name];
-};
 const BasicButton = /* @__PURE__ */ vue.defineComponent({
   props: buttonProps,
   setup(props2, {
@@ -10302,19 +10292,19 @@ const BasicButton = /* @__PURE__ */ vue.defineComponent({
         let colorPrimary;
         switch (props2.type || props2.color) {
           case "danger":
-            colorPrimary = getVarColor("--red-6");
+            colorPrimary = use.getVarColor("--red-6");
             break;
           case "waring":
-            colorPrimary = getVarColor("--yellow-5");
+            colorPrimary = use.getVarColor("--yellow-5");
             break;
           case "success":
-            colorPrimary = getVarColor("--primary-5");
+            colorPrimary = use.getVarColor("--green-5");
             break;
           case "message":
-            colorPrimary = getVarColor("--blue-6");
+            colorPrimary = use.getVarColor("--blue-6");
             break;
           default:
-            colorPrimary = getVarColor("--primary-5");
+            colorPrimary = use.getVarColor("--primary-5");
             break;
         }
         return colorPrimary;
@@ -39797,7 +39787,6 @@ exports.componentMap = componentMap$3;
 exports.createLoading = createLoading;
 exports.descriptionsForm = descriptionsForm;
 exports.getGlobalAdvancedType = getGlobalAdvancedType;
-exports.getVarColor = getVarColor;
 exports.registerGlobalConfig = registerGlobalConfig;
 exports.searchType = searchType;
 exports.searchTypeDate = searchTypeDate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "3.0.0-next.66",
+  "version": "3.0.0-next.67",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,7 +31,7 @@
     "xe-utils": "^3.5.7",
     "@shy-plugins/tinymce": "^1.0.6",
     "@shy-plugins/utils": "1.0.0-next.1",
-    "@shy-plugins/use": "1.0.0-next.1"
+    "@shy-plugins/use": "1.0.1-next.1"
   },
   "types": "es/ui/index.d.ts",
   "devDependencies": {