@jetlinks-web/components 3.3.11 → 3.3.13

package/es/CardSelect/style/index.js

@@ -8,8 +8,8 @@ var genCardSelectStyle = function genCardSelectStyle(config) {
     gap: '12px'
   }, "".concat(componentCls, "-item"), _defineProperty({
     padding: '12px',
-    border: '1px solid #e6e6e6',
-    borderRadius: '@border-radius-base',
+    border: "".concat(token.lineWidth, "px solid ").concat(token.colorBorderSecondary),
+    borderRadius: token.borderRadius,
     cursor: 'pointer',
     '&.active': {
       borderColor: token.colorPrimary
@@ -19,7 +19,7 @@ var genCardSelectStyle = function genCardSelectStyle(config) {
       opacity: 0.7
     }
   }, "".concat(componentCls, "-describe"), {
-    color: token.textColorSubtitle
+    color: token.colorTextDescription
   })));
 };
 export default genCompoentStyle([genCardSelectStyle]);

package/es/CheckButton/style/index.js

@@ -12,27 +12,27 @@ var genCheckButtonStyle = function genCheckButtonStyle(config) {
     minWidth: 0,
     padding: '8px',
     borderRadius: token.borderRadius,
-    backgroundColor: '#f2f3f5',
+    backgroundColor: token.colorFillTertiary,
     transition: 'all 0.3s',
-    color: '#333',
+    color: token.colorText,
     textAlign: 'center',
     cursor: 'pointer',
     '&:hover': {
-      backgroundColor: token.colorPrimary,
+      backgroundColor: token.colorPrimaryHover,
       opacity: 0.85,
-      color: '#fff'
+      color: token.colorTextLightSolid
     },
     '&.selected': {
       backgroundColor: token.colorPrimary,
-      color: '#fff'
+      color: token.colorTextLightSolid
     },
     '&.disabled': {
-      backgroundColor: '#f5f5f5',
-      color: '#ccc',
+      backgroundColor: token.colorBgContainerDisabled,
+      color: token.colorTextDisabled,
       cursor: 'not-allowed',
       '&:hover': {
-        backgroundColor: '#f5f5f5',
-        color: '#ccc',
+        backgroundColor: token.colorBgContainerDisabled,
+        color: token.colorTextDisabled,
         opacity: 1
       }
     }

package/es/DragModal/style/index.js

@@ -14,19 +14,19 @@ var genDragModalStyle = function genDragModalStyle(config) {
     flexDirection: 'column',
     overflow: 'hidden',
     zIndex: 23456765435,
-    backgroundColor: '#ffffff',
+    backgroundColor: token.colorBgElevated,
     borderRadius: 4,
-    border: '1px solid #91CAFF',
-    boxShadow: '0 3px 8px 0 rgba(22, 119, 255, 0.24)',
+    border: "".concat(token.lineWidth, "px solid ").concat(token.colorPrimaryBorder),
+    boxShadow: token.boxShadowSecondary,
     header: {
       padding: '5px 15px',
       fontSize: 18,
       fontWeight: 700,
-      color: '#333',
+      color: token.colorTextHeading,
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'center',
-      borderBottom: '1px solid #f0f0f0',
+      borderBottom: "".concat(token.lineWidth, "px solid ").concat(token.colorSplit),
       cursor: 'move'
     }
   }, "".concat(componentCls, "-body"), {
@@ -35,7 +35,7 @@ var genDragModalStyle = function genDragModalStyle(config) {
     overflowY: 'auto',
     padding: '24px 20px'
   }), "".concat(componentCls, "-footer"), {
-    borderTop: '1px solid #f0f0f0',
+    borderTop: "".concat(token.lineWidth, "px solid ").concat(token.colorSplit),
     padding: '5px 15px'
   })), "".concat(componentCls, "-range"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'absolute',

package/es/EditTable/FormItem.js

@@ -30,6 +30,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "Schema": "setup-maybe-ref",
   "useInjectError": "setup-maybe-ref",
   "useInjectForm": "setup-maybe-ref",
+  "useTableWrapper": "setup-maybe-ref",
   "TABLE_FORM_ITEM_ERROR": "setup-maybe-ref",
   "genEditTableStyle": "setup-maybe-ref",
   "fieldPool": "setup-maybe-ref",
@@ -41,6 +42,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "visible": "setup-ref",
   "context": "setup-maybe-ref",
   "globalErrorMessage": "setup-maybe-ref",
+  "tableWrapperRef": "setup-maybe-ref",
   "hideTimer": "setup-let",
   "cachedSchema": "setup-let",
   "cachedRulesHash": "setup-let",
@@ -76,7 +78,7 @@ import { onBeforeUnmount, computed, shallowReactive, watch, provide, toRaw, onMo
 import { get, isArray } from 'lodash-es';
 import { useProvideFormItemContext } from 'ant-design-vue/lib/form/FormItemContext';
 import Schema from 'async-validator';
-import { useInjectError, useInjectForm } from "./hooks";
+import { useInjectError, useInjectForm, useTableWrapper } from "./hooks";
 import { TABLE_FORM_ITEM_ERROR } from "./consts";
 import genEditTableStyle from './style';
 import { fieldPool } from './fieldPool';
@@ -98,6 +100,7 @@ const __sfc_main__ = _defineComponent({
         const visible = ref(false);
         const context = useInjectForm();
         const globalErrorMessage = useInjectError();
+        const tableWrapperRef = useTableWrapper();
         let hideTimer = null;
         // 缓存 Schema 实例，避免重复创建
         let cachedSchema = null;
@@ -145,7 +148,7 @@ const __sfc_main__ = _defineComponent({
         });
         // 向下提供错误状态
         provide(TABLE_FORM_ITEM_ERROR, errorState);
-        const popContainer = (e) => e;
+        const popContainer = (e) => _optionalChain([tableWrapperRef, 'optionalAccess', _4 => _4.value]) || e.parentElement || document.body;
         const removeTimer = () => {
             if (hideTimer) {
                 clearTimeout(hideTimer);
@@ -171,7 +174,7 @@ const __sfc_main__ = _defineComponent({
                 return props.rules;
             }
             // 从 context 中获取规则
-            if (_optionalChain([context, 'access', _4 => _4.rules, 'optionalAccess', _5 => _5.value]) && fieldName.value) {
+            if (_optionalChain([context, 'access', _5 => _5.rules, 'optionalAccess', _6 => _6.value]) && fieldName.value) {
                 const rules = context.rules.value[fieldName.value];
                 if (Array.isArray(rules)) {
                     return rules;
@@ -210,7 +213,7 @@ const __sfc_main__ = _defineComponent({
                 const schema = getSchema();
                 if (!schema) {
                     hideErrorTip();
-                    _optionalChain([context, 'access', _6 => _6.removeFieldError, 'optionalCall', _7 => _7(eventKey.value)]);
+                    _optionalChain([context, 'access', _7 => _7.removeFieldError, 'optionalCall', _8 => _8(eventKey.value)]);
                     resolve();
                     return;
                 }
@@ -221,12 +224,12 @@ const __sfc_main__ = _defineComponent({
                     if (errors && errors.length > 0) {
                         const errorMsg = errors[0].message || '校验失败';
                         showErrorTip(errorMsg);
-                        _optionalChain([context, 'access', _8 => _8.addFieldError, 'optionalCall', _9 => _9(eventKey.value, errorMsg)]);
+                        _optionalChain([context, 'access', _9 => _9.addFieldError, 'optionalCall', _10 => _10(eventKey.value, errorMsg)]);
                         reject(errors);
                     }
                     else {
                         hideErrorTip();
-                        _optionalChain([context, 'access', _10 => _10.removeFieldError, 'optionalCall', _11 => _11(eventKey.value)]);
+                        _optionalChain([context, 'access', _11 => _11.removeFieldError, 'optionalCall', _12 => _12(eventKey.value)]);
                         resolve();
                     }
                 });
@@ -239,18 +242,18 @@ const __sfc_main__ = _defineComponent({
                 const promise = context.validateItem({ [fieldName.value]: fieldValue.value }, rowIndex.value);
                 promise.then(() => {
                     hideErrorTip();
-                    _optionalChain([context, 'access', _12 => _12.removeFieldError, 'optionalCall', _13 => _13(eventKey.value)]);
+                    _optionalChain([context, 'access', _13 => _13.removeFieldError, 'optionalCall', _14 => _14(eventKey.value)]);
                 }).catch((res) => {
-                    const error = _optionalChain([res, 'optionalAccess', _14 => _14.filter, 'call', _15 => _15((item) => item.field === fieldName.value)]) || [];
+                    const error = _optionalChain([res, 'optionalAccess', _15 => _15.filter, 'call', _16 => _16((item) => item.field === fieldName.value)]) || [];
                     if (error.length === 0) {
                         hideErrorTip();
-                        _optionalChain([context, 'access', _16 => _16.removeFieldError, 'optionalCall', _17 => _17(eventKey.value)]);
+                        _optionalChain([context, 'access', _17 => _17.removeFieldError, 'optionalCall', _18 => _18(eventKey.value)]);
                     }
                     else {
                         removeTimer();
-                        errorState.message = _optionalChain([error, 'access', _18 => _18[0], 'optionalAccess', _19 => _19.message]) || errorState.message;
+                        errorState.message = _optionalChain([error, 'access', _19 => _19[0], 'optionalAccess', _20 => _20.message]) || errorState.message;
                         errorState.visible = !!error.length;
-                        _optionalChain([context, 'access', _20 => _20.addFieldError, 'optionalCall', _21 => _21(eventKey.value, errorState.message)]);
+                        _optionalChain([context, 'access', _21 => _21.addFieldError, 'optionalCall', _22 => _22(eventKey.value, errorState.message)]);
                     }
                 });
                 return promise;
@@ -272,7 +275,7 @@ const __sfc_main__ = _defineComponent({
         }, { immediate: true });
         watch(() => {
             const key = currentEventKey.value;
-            return key ? _optionalChain([globalErrorMessage, 'optionalAccess', _22 => _22.value, 'optionalAccess', _23 => _23[key]]) : undefined;
+            return key ? _optionalChain([globalErrorMessage, 'optionalAccess', _23 => _23.value, 'optionalAccess', _24 => _24[key]]) : undefined;
         }, (errorMsg) => {
             if (errorMsg) {
                 showErrorTip(errorMsg);
@@ -294,7 +297,7 @@ const __sfc_main__ = _defineComponent({
             onFieldChange,
             onFieldBlur,
         }, computed(() => {
-            return get(_optionalChain([context, 'access', _24 => _24.dataSource, 'optionalAccess', _25 => _25.value]), props.name);
+            return get(_optionalChain([context, 'access', _25 => _25.dataSource, 'optionalAccess', _26 => _26.value]), props.name);
         }));
         // 注册字段到父组件 - 使用字段池复用
         let isRegistered = false;
@@ -307,7 +310,7 @@ const __sfc_main__ = _defineComponent({
                     validateRules,
                     showErrorTip
                 });
-                _optionalChain([context, 'access', _26 => _26.addField, 'optionalCall', _27 => _27(eventKey.value, fieldInfo)]);
+                _optionalChain([context, 'access', _27 => _27.addField, 'optionalCall', _28 => _28(eventKey.value, fieldInfo)]);
                 isRegistered = true;
             }
         };
@@ -318,7 +321,7 @@ const __sfc_main__ = _defineComponent({
         onBeforeUnmount(() => {
             removeTimer();
             if (isRegistered) {
-                _optionalChain([context, 'access', _28 => _28.removeField, 'optionalCall', _29 => _29(eventKey.value)]);
+                _optionalChain([context, 'access', _29 => _29.removeField, 'optionalCall', _30 => _30(eventKey.value)]);
                 fieldPool.release(eventKey.value);
                 isRegistered = false;
             }

package/es/EditTable/components/Search/sort.js

@@ -22,16 +22,21 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "active": "props",
   "useTableTool": "setup-maybe-ref",
   "useTableWrapper": "setup-maybe-ref",
+  "computed": "setup-const",
   "ref": "setup-const",
   "reactive": "setup-const",
+  "theme": "setup-maybe-ref",
   "useLocaleReceiver": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "contextLocale": "setup-maybe-ref",
   "tableWrapperRef": "setup-maybe-ref",
   "tableTool": "setup-maybe-ref",
+  "token": "setup-maybe-ref",
   "visible": "setup-ref",
   "mySelectedRowKeys": "setup-ref",
+  "sortIconColor": "setup-ref",
+  "sortIconActiveColor": "setup-ref",
   "columns": "setup-reactive-const",
   "visibleChange": "setup-const",
   "onSelectChange": "setup-const",
@@ -40,13 +45,15 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onAsc": "setup-const",
   "onDesc": "setup-const"
 } */
+import { useCssVars as _useCssVars } from 'vue';
 import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = { class: "jetlinks-table-sort-content" };
 const _hoisted_2 = { class: "jetlinks-table-sort-title" };
 const _hoisted_3 = { class: "table-sort-body" };
 const _hoisted_4 = { class: "jetlinks-table-sort-footer" };
 import { useTableTool, useTableWrapper } from "../../context";
-import { ref, reactive } from 'vue';
+import { computed, ref, reactive } from 'vue';
+import { theme } from 'ant-design-vue';
 import { useLocaleReceiver } from "../../../LocaleReciver";
 const __sfc_main__ = Object.assign({
     name: 'JEditTableSearchSort'
@@ -75,14 +82,21 @@ const __sfc_main__ = Object.assign({
     },
     emits: ['click'],
     setup(__props, { emit: __emit }) {
+        _useCssVars(_ctx => ({
+            "1787815589145-sortIconColor": (sortIconColor.value),
+            "1787815589145-sortIconActiveColor": (sortIconActiveColor.value)
+        }));
         const props = __props;
         const emit = __emit;
         const [contextLocale] = useLocaleReceiver('EditTable');
         const tableWrapperRef = useTableWrapper();
         const tableTool = useTableTool();
+        const { token } = theme.useToken();
         const visible = ref(false);
         const dataSource = ref([]);
         const mySelectedRowKeys = ref([]);
+        const sortIconColor = computed(() => token.value.colorTextDisabled);
+        const sortIconActiveColor = computed(() => token.value.colorPrimary);
         const columns = reactive([
             {
                 dataIndex: 'name',

package/es/EditTable/style/body.js

@@ -1,13 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { genTokenScrollbarStyle } from '../../style/scrollbar';
 export var genEditTableBodyStyle = function genEditTableBodyStyle(config) {
   var componentCls = config.componentCls,
     token = config.token;
-  return _defineProperty(_defineProperty(_defineProperty({}, '.jetlinks-edit-table-body-viewport', _defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty(_defineProperty(_defineProperty({}, '.jetlinks-edit-table-body-viewport', _objectSpread(_objectSpread({
     maxHeight: '100%',
     width: '100%',
     overflow: 'hidden auto',
     position: 'relative'
-  }, '.jetlinks-edit-scrollbar', {
+  }, genTokenScrollbarStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty({}, '.jetlinks-edit-scrollbar', {
     position: 'absolute',
     left: 0,
     top: 0,
@@ -26,14 +28,14 @@ export var genEditTableBodyStyle = function genEditTableBodyStyle(config) {
     display: 'flex',
     alignItems: 'center',
     transition: 'top .2s, height .2s, background-color .1s',
-    borderBottom: '1px solid #eebebeb'
+    borderBottom: "".concat(token.lineWidth, "px solid ").concat(token.colorBorderSecondary)
   }, '.jetlinks-edit-table-cell', {
     position: 'absolute',
     minWidth: 0
   }), '&:hover', {
-    backgroundColor: 'rgb(248, 248, 248)'
+    backgroundColor: token.colorFillQuaternary
   }), '&.jetlinks-edit-table-row-selected', {
-    backgroundColor: 'var(--ant-primary-1)'
+    backgroundColor: token.colorPrimaryBg
   }), '.body-cell-box', {
     padding: '0 12px',
     position: 'relative'
@@ -44,7 +46,7 @@ export var genEditTableBodyStyle = function genEditTableBodyStyle(config) {
     right: 0,
     bottom: 0,
     zIndex: 4
-  }))), '.jetlinks-edit-table-body-empty', {
+  })))), '.jetlinks-edit-table-body-empty', {
     display: 'flex',
     width: '100%',
     justifyContent: 'center',

package/es/EditTable/style/group.js

@@ -7,12 +7,12 @@ export var genEditTableGroupStyle = function genEditTableGroupStyle(config) {
     overflow: 'hidden',
     position: 'relative'
   }), '.ant-tabs-tab-active', {
-    backgroundColor: '#BAE0FF !important',
-    borderColor: '#91CAFF !important'
+    backgroundColor: "".concat(token.colorPrimaryBg, " !important"),
+    borderColor: "".concat(token.colorPrimaryBorder, " !important")
   }), '.ant-tabs-nav-add', {
     border: 'none'
   }))), '.jetlinks-table-group-error-wrap', _defineProperty({
-    color: '#1a1a1a !important'
+    color: "".concat(token.colorText, " !important")
   }, '.table-group-error-target', {
     position: 'absolute',
     right: 0,

package/es/EditTable/style/header.js

@@ -10,7 +10,7 @@ export var genEditTableHeaderStyle = function genEditTableHeaderStyle(config) {
     float: 'left',
     overflow: 'visible',
     position: 'absolute',
-    background: '#fafafa',
+    background: token.colorFillQuaternary,
     top: 0
   }, '.jetlinks-edit-table-header-cell-box', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     padding: '0 12px',
@@ -39,7 +39,7 @@ export var genEditTableHeaderStyle = function genEditTableHeaderStyle(config) {
     width: '1px',
     height: '1.6em',
     pointerEvents: 'none',
-    backgroundColor: 'rgba(0,0,0,.06)',
+    backgroundColor: token.colorSplit,
     transform: 'translateY(-50%)',
     transition: 'background-color .3s',
     content: '""'
@@ -53,6 +53,6 @@ export var genEditTableHeaderStyle = function genEditTableHeaderStyle(config) {
   }, '.jetlinks-drag-modal-footer', {
     display: 'none'
   }), '.jetlinks-table-search-result-total', {
-    color: '@primary-color'
+    color: token.colorPrimary
   })));
 };

package/es/EditTable/style/menu.js

@@ -3,12 +3,12 @@ export var genMenuStyle = function genMenuStyle(config) {
   return {
     '.jetlinks-edit-table-context-menu': {
       position: 'fixed',
-      boxShadow: '0 0 12px rgba(0, 0, 0 ,.2)',
       borderRadius: '4px',
       overflow: 'hidden',
       width: '192px',
       padding: '4px',
-      backgroundColor: '#fff',
+      backgroundColor: token.colorBgElevated,
+      boxShadow: token.boxShadowSecondary,
       '.ant-menu': {
         borderRight: 'none',
         '.ant-menu-item': {
@@ -20,7 +20,7 @@ export var genMenuStyle = function genMenuStyle(config) {
         }
       },
       '.ant-menu-item-active': {
-        backgroundColor: 'var(--ant-primary-1)'
+        backgroundColor: token.colorPrimaryBg
       }
     }
   };

package/es/EditTable/style/table.js

@@ -2,7 +2,7 @@ export var genTableStyle = function genTableStyle(config) {
   var token = config.token;
   return {
     '.jetlinks-edit-table-wrapper': {
-      background: '#fff',
+      background: token.colorBgContainer,
       height: '100%',
       position: 'relative',
       '&.table-full-screen': {
@@ -13,7 +13,7 @@ export var genTableStyle = function genTableStyle(config) {
         flexDirection: 'column',
         flexGrow: 0,
         flexShrink: 0,
-        background: '#fafafa',
+        background: token.colorFillQuaternary,
         transition: 'background-color .3s ease',
         overflow: 'auto hidden',
         '.jetlinks-edit-table-header': {
@@ -22,7 +22,7 @@ export var genTableStyle = function genTableStyle(config) {
           position: 'relative'
         },
         '.jetlinks-edit-table-body': {
-          backgroundColor: '#fff',
+          backgroundColor: token.colorBgContainer,
           overflowY: 'hidden',
           position: 'relative',
           height: '100%',

package/es/FullPage/FullPage.js

@@ -1,16 +1,21 @@
 /* Analyzed bindings: {
-  "ref": "setup-const",
+  "computed": "setup-const",
   "inject": "setup-const",
+  "ref": "setup-const",
+  "theme": "setup-maybe-ref",
   "useElementBounding": "setup-maybe-ref",
   "FullPageConfig": "setup-maybe-ref",
   "config": "setup-maybe-ref",
   "fullPage": "setup-ref",
-  "y": "setup-maybe-ref"
+  "y": "setup-maybe-ref",
+  "token": "setup-maybe-ref",
+  "wrapStyle": "setup-ref"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = { class: "full-page-warp-content" };
-import { ref, inject } from 'vue';
+import { computed, inject, ref } from 'vue';
+import { theme } from 'ant-design-vue';
 import { useElementBounding } from '@vueuse/core';
 import { FullPageConfig } from "../utils/constants";
 const __sfc_main__ = _defineComponent({
@@ -21,12 +26,17 @@ const __sfc_main__ = _defineComponent({
         const config = inject(FullPageConfig, { reduceHeight: 24 });
         const fullPage = ref(null);
         const { y } = useElementBounding(fullPage);
+        const { token } = theme.useToken();
+        const wrapStyle = computed(() => ({
+            minHeight: `calc(100vh - ${y.value + config.reduceHeight}px)`,
+            background: token.value.colorBgContainer,
+        }));
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", {
                 class: "full-page-warp",
                 ref_key: "fullPage",
                 ref: fullPage,
-                style: _normalizeStyle({ minHeight: `calc(100vh - ${_unref(y) + _unref(config).reduceHeight}px)` })
+                style: _normalizeStyle(wrapStyle.value)
             }, [
                 _createElementVNode("div", _hoisted_1, [
                     _renderSlot(_ctx.$slots, "default")