xrk-components 3.0.0 → 3.0.2

package/lib/index.css

@@ -8578,7 +8578,7 @@
   --xrk-dialog-content-font-size: 14px;
   --xrk-dialog-font-line-height: var(--xrk-font-line-height-primary);
   --xrk-dialog-padding-primary: 0px;
-  --xrk-dialog-border-radius: var(--xrk-border-radius-base);
+  --xrk-dialog-border-radius: 4px;
   position: relative;
   margin: var(--xrk-dialog-margin-top, 15vh) auto 50px;
   background: var(--xrk-dialog-bg-color);
@@ -19630,37 +19630,40 @@
   color: #121619;
 }
 
-.xrk-radio__input .xrk-radio__inner {
+.xrk-radio .xrk-radio__input .xrk-radio__inner {
   width: 16px;
   height: 16px;
 }
-.xrk-radio__input:not(.is-disabled) .xrk-radio__inner {
+.xrk-radio .xrk-radio__input:not(.is-disabled) .xrk-radio__inner {
   border-color: #878d96;
 }
-.xrk-radio__input:not(.is-disabled) .xrk-radio__inner:hover {
+.xrk-radio .xrk-radio__input:not(.is-disabled) .xrk-radio__inner:hover {
   border-color: var(--xrk-color-primary2);
 }
-.xrk-radio__input.is-checked + .xrk-radio__label {
+.xrk-radio .xrk-radio__input.is-checked + .xrk-radio__label {
   color: var(--xrk-color-primary2);
 }
-.xrk-radio__input.is-checked .xrk-radio__inner {
+.xrk-radio .xrk-radio__input.is-checked .xrk-radio__inner {
   background-color: transparent;
   border-color: var(--xrk-color-primary2);
 }
-.xrk-radio__input.is-checked .xrk-radio__inner::after {
+.xrk-radio .xrk-radio__input.is-checked .xrk-radio__inner::after {
   width: 8px;
   height: 8px;
   background: var(--xrk-color-primary2);
 }
-.xrk-radio__input.is-disabled .xrk-radio__inner {
+.xrk-radio .xrk-radio__input.is-disabled .xrk-radio__inner {
   background-color: transparent;
   border-color: #c1c7cd;
 }
-.xrk-radio__input.is-disabled.is-checked .xrk-radio__inner::after {
+.xrk-radio .xrk-radio__input.is-disabled.is-checked .xrk-radio__inner::after {
   width: 8px;
   height: 8px;
   background: #c1c7cd;
 }
+.xrk-radio:not(.is-disabled).is-bordered.is-checked {
+  border-color: var(--xrk-color-primary2);
+}
 
 .xrk-switch.is-checked .xrk-switch__core {
   background: var(--xrk-color-primary2);
@@ -19674,13 +19677,36 @@
   text-overflow: clip;
   overflow: visible;
 }
-.custom_xrk-table .xrk-pagination .xrk-pager .is-active {
+.custom_xrk-table .xrk-table__empty-text {
+  line-height: 0;
+}
+
+.xrk-pagination .xrk-pagination__sizes .xrk-select {
+  width: 110px;
+}
+.xrk-pagination .xrk-pagination__sizes .xrk-select .xrk-select__wrapper {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.xrk-pagination .xrk-pagination__sizes .xrk-select .xrk-select__wrapper {
+  background: #f2f4f8;
+}
+.xrk-pagination .xrk-pagination__sizes .xrk-select .xrk-select__caret {
+  color: #161616;
+}
+.xrk-pagination .xrk-pager .is-active {
   background: var(--xrk-color-primary);
   color: white;
 }
-
-.xrk-select-dropdown__list {
-  max-width: 600px;
+.xrk-pagination .xrk-pagination__jump .xrk-input__wrapper {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.xrk-pagination .xrk-pagination__jump .xrk-input__wrapper {
+  background: #f2f4f8;
+}
+.xrk-pagination .xrk-pagination__jump .xrk-input__count-inner {
+  background: transparent;
 }
 
 .xrk-alert--warning.is-light {
@@ -19688,16 +19714,68 @@
   color: var(--xrk-color-primary);
 }
 
-.xrk-button--primary.is-plain {
+.xrk-button.is-link, .xrk-button.xrk-button--text {
+  -webkit-user-select: auto;
+     -moz-user-select: auto;
+      -ms-user-select: auto;
+          user-select: auto;
+}
+.xrk-button.xrk-button--text:not(.is-disabled) {
+  color: var(--xrk-color-primary2);
+}
+.xrk-button.xrk-button--text:not(.is-disabled):hover {
+  color: var(--xrk-color-primary2-light-5);
+}
+.xrk-button.xrk-button--text:not(.is-disabled):active {
+  color: var(--xrk-color-primary2);
+}
+.xrk-button.is-link.is-disabled {
+  color: var(--xrk-disabled-text-color);
+}
+.xrk-button.is-link.is-disabled:hover {
+  color: var(--xrk-disabled-text-color);
+}
+.xrk-button.xrk-button--primary.is-plain {
   --xrk-button-bg-color: #fff;
 }
-.xrk-button--primary.is-plain.is-disabled {
+.xrk-button.xrk-button--primary.is-plain.is-disabled {
   background: #fff;
 }
 
 .xrk-cascader-node.in-active-path, .xrk-cascader-node.is-selectable.in-checked-path, .xrk-cascader-node.is-active {
   color: var(--xrk-color-primary2);
 }
+
+.xrk-message-box {
+  padding: 0;
+}
+.xrk-message-box .xrk-message-box__header {
+  padding: 0;
+}
+.xrk-message-box .xrk-message-box__header .xrk-message-box__title {
+  border-bottom: var(--xrk-border-width) solid #f0f0f0;
+  font-weight: 600;
+  padding: 32px 32px 16px;
+}
+.xrk-message-box .xrk-message-box__header .xrk-message-box__headerbtn {
+  top: 5px;
+  right: 3px;
+}
+.xrk-message-box .xrk-message-box__header .xrk-message-box__headerbtn .xrk-message-box__close {
+  font-size: 24px;
+  color: #697077;
+}
+.xrk-message-box .xrk-message-box__content {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 16px 32px;
+}
+.xrk-message-box .xrk-message-box__btns {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 16px;
+  border-top: 1px solid #f0f0f0;
+}
 .base-button-more[data-v-c71e9bd0] {
   width: 100%;
   display: -webkit-box;
@@ -19815,7 +19893,8 @@
   --xrk-empty-description-margin-top: 4px;
 }
 [data-v-13bddb91] .xrk-empty__description p {
-  color: var(--xrk-text-color-disabled);
+  color: #a6a6a6;
+  line-height: 0;
 }
 @charset "UTF-8";
 .base-input-number.no-controls[data-v-0a3ed835] {
@@ -19843,9 +19922,6 @@
   white-space: initial;
   word-break: break-all;
 }
-[data-v-545bd175] .xrk-select-dropdown__list {
-  max-width: 600px;
-}
 .base-switch[data-v-50b6e275] .el-icon {
   z-index: 1;
 }
@@ -19895,7 +19971,12 @@
   margin-bottom: 24px;
 }
 .base-form-item[data-v-17eda5db] .xrk-form-item__label {
-  color: var(--xrk-text-color-secondary);
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 400;
+  font-size: 14px;
+  color: #121619;
+  font-style: normal;
+  text-transform: none;
   padding-right: 16px;
 }
 .base-form-item[data-v-17eda5db] .base-upload {
@@ -19927,15 +20008,6 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-form-item__label {
-  font-family: PingFang SC, PingFang SC;
-  font-weight: 400;
-  font-size: 14px;
-  color: #121619;
-  line-height: 22px;
-  font-style: normal;
-  text-transform: none;
-}
 .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-input__wrapper,
 .xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item .xrk-select__wrapper {
   background: #f2f4f8;
@@ -20998,7 +21070,7 @@
 .base-layout-main .menu-top .menu-top-item .active-line p[data-v-3f66cd84] {
   width: 80%;
   height: 4px;
-  background-color: #ff6e1a;
+  background-color: var(--xrk-color-primary);
 }
 .custom_xrk-table {
   width: 100%;

package/lib/index.esm.js

@@ -71504,7 +71504,7 @@ var script$E = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$C
         trigger: { type: String, required: false, default: 'click' },
         maxCount: { type: Number, required: false },
         notRepeatShow: { type: Boolean, required: false, default: true },
-        type: { type: null, required: false, default: 'primary' }
+        type: { type: null, required: false, default: 'primary2' }
     }, setup: function (__props) {
         var props = __props;
         var popoverRef = ref();
@@ -73485,6 +73485,7 @@ var script$p = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$n
         var _this = this;
         var emits = _a.emit;
         var _props = __props;
+        var selectId = ref(Date.now());
         var selectRef = ref(null);
         var _Reflect = __assign(__assign({}, Reflect), { get: function (data, key) {
                 // Map item 解析
@@ -73645,8 +73646,16 @@ var script$p = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$n
             setOptionsData();
         }
         onMounted(function () {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f;
             (_d = (_c = (_b = (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.$el) === null || _b === void 0 ? void 0 : _b.querySelector('input')) === null || _c === void 0 ? void 0 : _c.setAttribute) === null || _d === void 0 ? void 0 : _d.call(_c, 'maxlength', props.maxlength);
+            if (!props.fitInputWidth) {
+                // 动态设置下拉框 popper 最大宽度
+                var selectDomWidth = ((_f = (_e = selectRef.value) === null || _e === void 0 ? void 0 : _e.$el) === null || _f === void 0 ? void 0 : _f.offsetWidth) || 0;
+                var dropdownDom = document.querySelector(".select-popper_".concat(selectId.value, " .xrk-select-dropdown__list"));
+                if (dropdownDom) {
+                    dropdownDom.style.maxWidth = Math.max(selectDomWidth, 600) + 'px';
+                }
+            }
         });
         return function (_ctx, _cache) {
             return (openBlock(), createBlock(unref(ElSelect), {
@@ -73654,6 +73663,7 @@ var script$p = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$n
                 ref: selectRef,
                 modelValue: unref(selectValue),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return (isRef(selectValue) ? (selectValue).value = $event : null); }),
+                "popper-class": "select-popper_".concat(selectId.value),
                 placeholder: __props.placeholder,
                 multiple: __props.multiple,
                 disabled: __props.disabled,
@@ -73763,7 +73773,7 @@ var script$p = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$n
                                 : (__props.tagRender)
                                     ? (openBlock(), createBlock(unref(BaseSelectRender), {
                                         key: 1,
-                                        data: Object.freeze(unref(selectValue)),
+                                        data: Object.freeze(getSelectOptions(_options.value, unref(selectValue))),
                                         render: __props.tagRender
                                     }, null, 8 /* PROPS */, ["data", "render"]))
                                     : createCommentVNode("v-if", true)
@@ -73779,14 +73789,14 @@ var script$p = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$n
                                 : (__props.tagRender)
                                     ? (openBlock(), createBlock(unref(BaseSelectRender), {
                                         key: 1,
-                                        data: Object.freeze(unref(selectValue)),
+                                        data: Object.freeze(getSelectOptions(_options.value, unref(selectValue))),
                                         render: __props.tagRender
                                     }, null, 8 /* PROPS */, ["data", "render"]))
                                     : createCommentVNode("v-if", true)
                         ]; })
                     }
                     : undefined
-            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "placeholder", "multiple", "disabled", "size", "clearable", "collapseTags", "collapseTagsTooltip", "multipleLimit", "filterable", "allowCreate", "filterMethod", "loading", "loadingText", "noMatchText", "noDataText", "fitInputWidth"]));
+            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "popper-class", "placeholder", "multiple", "disabled", "size", "clearable", "collapseTags", "collapseTagsTooltip", "multipleLimit", "filterable", "allowCreate", "filterMethod", "loading", "loadingText", "noMatchText", "noDataText", "fitInputWidth"]));
         };
     } }));
 
@@ -74111,7 +74121,7 @@ var __default__$j = {
     name: 'base-pagination'
 };
 var script$l = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$j), { props: {
-        size: { type: String, required: false, default: 'small' },
+        size: { type: String, required: false, default: 'default' },
         currentPage: { type: Number, required: false, default: 1 },
         pageSize: { type: Number, required: false, default: 15 },
         total: { type: Number, required: false },
@@ -74777,9 +74787,6 @@ var script$h = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$f
         var expose = _a.expose, emits = _a.emit;
         var props = __props;
         var BaseAutocompleteRef = ref();
-        onMounted(function () {
-            console.log(BaseAutocompleteRef.value, 'BaseAutocompleteRef');
-        });
         var handleInput = function (value) {
             emits('update:modelValue', value);
             emits('input', value);

package/lib/index.umd.js

@@ -71507,7 +71507,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           trigger: { type: String, required: false, default: 'click' },
           maxCount: { type: Number, required: false },
           notRepeatShow: { type: Boolean, required: false, default: true },
-          type: { type: null, required: false, default: 'primary' }
+          type: { type: null, required: false, default: 'primary2' }
       }, setup: function (__props) {
           var props = __props;
           var popoverRef = vue.ref();
@@ -73488,6 +73488,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           var _this = this;
           var emits = _a.emit;
           var _props = __props;
+          var selectId = vue.ref(Date.now());
           var selectRef = vue.ref(null);
           var _Reflect = __assign(__assign({}, Reflect), { get: function (data, key) {
                   // Map item 解析
@@ -73648,8 +73649,16 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               setOptionsData();
           }
           vue.onMounted(function () {
-              var _a, _b, _c, _d;
+              var _a, _b, _c, _d, _e, _f;
               (_d = (_c = (_b = (_a = selectRef.value) === null || _a === void 0 ? void 0 : _a.$el) === null || _b === void 0 ? void 0 : _b.querySelector('input')) === null || _c === void 0 ? void 0 : _c.setAttribute) === null || _d === void 0 ? void 0 : _d.call(_c, 'maxlength', props.maxlength);
+              if (!props.fitInputWidth) {
+                  // 动态设置下拉框 popper 最大宽度
+                  var selectDomWidth = ((_f = (_e = selectRef.value) === null || _e === void 0 ? void 0 : _e.$el) === null || _f === void 0 ? void 0 : _f.offsetWidth) || 0;
+                  var dropdownDom = document.querySelector(".select-popper_".concat(selectId.value, " .xrk-select-dropdown__list"));
+                  if (dropdownDom) {
+                      dropdownDom.style.maxWidth = Math.max(selectDomWidth, 600) + 'px';
+                  }
+              }
           });
           return function (_ctx, _cache) {
               return (vue.openBlock(), vue.createBlock(vue.unref(ElSelect), {
@@ -73657,6 +73666,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   ref: selectRef,
                   modelValue: vue.unref(selectValue),
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return (vue.isRef(selectValue) ? (selectValue).value = $event : null); }),
+                  "popper-class": "select-popper_".concat(selectId.value),
                   placeholder: __props.placeholder,
                   multiple: __props.multiple,
                   disabled: __props.disabled,
@@ -73766,7 +73776,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                   : (__props.tagRender)
                                       ? (vue.openBlock(), vue.createBlock(vue.unref(BaseSelectRender), {
                                           key: 1,
-                                          data: Object.freeze(vue.unref(selectValue)),
+                                          data: Object.freeze(getSelectOptions(_options.value, vue.unref(selectValue))),
                                           render: __props.tagRender
                                       }, null, 8 /* PROPS */, ["data", "render"]))
                                       : vue.createCommentVNode("v-if", true)
@@ -73782,14 +73792,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                   : (__props.tagRender)
                                       ? (vue.openBlock(), vue.createBlock(vue.unref(BaseSelectRender), {
                                           key: 1,
-                                          data: Object.freeze(vue.unref(selectValue)),
+                                          data: Object.freeze(getSelectOptions(_options.value, vue.unref(selectValue))),
                                           render: __props.tagRender
                                       }, null, 8 /* PROPS */, ["data", "render"]))
                                       : vue.createCommentVNode("v-if", true)
                           ]; })
                       }
                       : undefined
-              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "placeholder", "multiple", "disabled", "size", "clearable", "collapseTags", "collapseTagsTooltip", "multipleLimit", "filterable", "allowCreate", "filterMethod", "loading", "loadingText", "noMatchText", "noDataText", "fitInputWidth"]));
+              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "popper-class", "placeholder", "multiple", "disabled", "size", "clearable", "collapseTags", "collapseTagsTooltip", "multipleLimit", "filterable", "allowCreate", "filterMethod", "loading", "loadingText", "noMatchText", "noDataText", "fitInputWidth"]));
           };
       } }));
 
@@ -74114,7 +74124,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       name: 'base-pagination'
   };
   var script$l = /*#__PURE__*/ vue.defineComponent(__assign(__assign({}, __default__$j), { props: {
-          size: { type: String, required: false, default: 'small' },
+          size: { type: String, required: false, default: 'default' },
           currentPage: { type: Number, required: false, default: 1 },
           pageSize: { type: Number, required: false, default: 15 },
           total: { type: Number, required: false },
@@ -74780,9 +74790,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           var expose = _a.expose, emits = _a.emit;
           var props = __props;
           var BaseAutocompleteRef = vue.ref();
-          vue.onMounted(function () {
-              console.log(BaseAutocompleteRef.value, 'BaseAutocompleteRef');
-          });
           var handleInput = function (value) {
               emits('update:modelValue', value);
               emits('input', value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xrk-components",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "",
   "main": "lib/index.esm.js",
   "typings": "lib/packages/index.d.ts",