@jetlinks-web/components 3.0.1-rc → 3.0.1

package/es/Skeleton/style/index.js

@@ -1 +1,132 @@
-import './Skeleton.less';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Keyframes } from "ant-design-vue";
+import genCompoentStyle from "../../style/styleRegister";
+var JSkeletonSizeLg = '36px';
+var JSkeletonSizeSm = '16px';
+var JSkeletonSize = '24px';
+var JSkeletonBorderRadius = '8px';
+var JSkeletonBg = '#f0f2f5';
+var JSkeletonBg1 = '#e6e8eb';
+var JSkeletonBorder = "4px solid ".concat(JSkeletonBg);
+var JSkeletonFlex = {
+  display: 'flex',
+  gap: '24px',
+  marginBottom: '16px'
+};
+//动画
+var waveKeyframes = new Keyframes('wave', {
+  '0%': {
+    backgroundPosition: '200% 0'
+  },
+  '100%': {
+    backgroundPosition: '-200% 0'
+  }
+});
+var genSkeletonStyle = function genSkeletonStyle(config) {
+  var _$concat6;
+  var componentCls = config.componentCls,
+    token = config.token;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-flex"), JSkeletonFlex), "".concat(componentCls, "-flex-between"), _objectSpread(_objectSpread({}, JSkeletonFlex), {}, {
+    background: JSkeletonBg,
+    height: JSkeletonSize,
+    borderRadius: JSkeletonBorderRadius
+  })), "".concat(componentCls, "-flex-column"), _objectSpread(_objectSpread({}, JSkeletonFlex), {}, {
+    justifyContent: 'space-between'
+  })), "".concat(componentCls), (_$concat6 = {
+    height: '100%'
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_$concat6, "".concat(componentCls, "-item"), {
+    background: 'linear-gradient(90deg, ${JSkeletonBg} 25%, ${JSkeletonBg1} 50%, ${JSkeletonBg} 75%)',
+    backgroundSize: '400% 100%',
+    borderRadius: JSkeletonBorderRadius,
+    height: JSkeletonSize
+  }), "".concat(componentCls, "-item-active"), {
+    animationName: waveKeyframes,
+    animationDuration: '1.8s',
+    animationIterationCount: 'infinite',
+    animationTimingFunction: 'ease-in-out'
+  }), "".concat(componentCls, "-item-lg"), {
+    height: JSkeletonSizeLg
+  }), "".concat(componentCls, "-item-sm"), {
+    height: JSkeletonSizeSm
+  }), "".concat(componentCls, "-dashboard-card"), _objectSpread(_objectSpread({}, JSkeletonFlex), {}, {
+    border: JSkeletonBorder,
+    borderRadius: JSkeletonBorderRadius,
+    height: '100%',
+    padding: '24px',
+    flexDirection: 'column'
+  })), "".concat(componentCls, "-tabs"), {
+    display: 'flex',
+    gap: '16px',
+    margin: '60px 0 20px 0',
+    borderBottom: JSkeletonBorder,
+    padding: '16px 0'
+  }), "".concat(componentCls, "-desc"), _defineProperty(_defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    marginBottom: '24px'
+  }, "".concat(componentCls, "-desc-content"), {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(3, 1fr)',
+    gap: '36px',
+    margin: '24px 0 0 0'
+  }), "".concat(componentCls, "-desc-item"), {
+    display: 'flex',
+    gap: '16px'
+  })), "".concat(componentCls, "-box"), {
+    borderBottom: JSkeletonBorder,
+    padding: '16px 0'
+  }), "".concat(componentCls, "-table-cell"), {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(0, 1fr)) 200px',
+    gap: '24px',
+    padding: '12px 6px',
+    borderRadius: '8px'
+  }), "".concat(componentCls, "-table-header"), {
+    backgroundColor: 'lightgrey'
+  }), _defineProperty(_defineProperty(_defineProperty(_$concat6, "".concat(componentCls, "-table-action"), {
+    width: '200px',
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(0, 1fr))',
+    gap: '24px'
+  }), "".concat(componentCls, "-cards"), {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(3, 1fr)',
+    gap: '16px'
+  }), "".concat(componentCls, "-card"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-card-content"), _defineProperty(_defineProperty({
+    display: 'flex',
+    gap: '16px',
+    border: '2px solid #f0f2f5',
+    borderRadius: '8px',
+    padding: '24px',
+    marginBottom: '16px'
+  }, "".concat(componentCls, "-image"), {
+    width: '100px',
+    height: '100px'
+  }), "".concat(componentCls, "-right"), _defineProperty({
+    flex: 1,
+    minWidth: '200px'
+  }, "".concat(componentCls, "-right-content"), _defineProperty({
+    display: 'flex',
+    gap: '16px',
+    marginTop: '16px'
+  }, "".concat(componentCls, "-right-item"), {
+    flex: 1,
+    minWidth: '100px',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  })))), "".concat(componentCls, "-action"), {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    gap: '16px',
+    '.btn': {
+      flex: 1,
+      minWidth: '100px'
+    },
+    '.delete': {
+      flex: '0 0 100px'
+    }
+  }))));
+};
+export default genCompoentStyle([genSkeletonStyle]);

package/es/Title/style/index.js

@@ -1 +1,29 @@
-import './index.less';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import genCompoentStyle from "../../style/styleRegister";
+var genTitleStyle = function genTitleStyle(config) {
+  var componentCls = config.componentCls,
+    token = config.token;
+  return _defineProperty({}, componentCls, _defineProperty({
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%',
+    marginBottom: '16px'
+  }, "".concat(componentCls, "-content"), {
+    position: 'relative',
+    paddingLeft: '10px',
+    color: 'rgba(0, 0, 0, 0.8)',
+    fontWeight: 600,
+    lineHeight: 1,
+    '&::before': {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: 4,
+      height: '100%',
+      background: '#1890ff',
+      borderRadius: '0 3px 3px 0',
+      content: '""'
+    }
+  }));
+};
+export default genCompoentStyle([genTitleStyle]);

package/es/Title/title.js

@@ -1,11 +1,17 @@
 /* Analyzed bindings: {
   "data": "props",
   "style": "props",
-  "defineOptions": "setup-const",
-  "props": "setup-reactive-const"
+  "computed": "setup-const",
+  "useTitleStyle": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref"
 } */
-import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = { class: "j-title-content" };
+import { computed } from 'vue';
+import useTitleStyle from './style';
 const __sfc_main__ = Object.assign({
     name: 'JTitle'
 }, {
@@ -21,14 +27,16 @@ const __sfc_main__ = Object.assign({
     },
     setup(__props) {
         const props = __props;
+        const prefixCls = computed(() => 'j-title');
+        const [wrapSSR, hashId] = useTitleStyle(prefixCls);
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", {
-                class: "j-title",
+                class: _normalizeClass(['j-title', _unref(hashId)]),
                 style: _normalizeStyle(__props.style)
             }, [
                 _createElementVNode("div", _hoisted_1, _toDisplayString(__props.data), 1 /* TEXT */),
                 _renderSlot(_ctx.$slots, "extra")
-            ], 4 /* STYLE */));
+            ], 6 /* CLASS, STYLE */));
         };
     }
 });

package/es/ValueItem/ValueItem.js

@@ -34,6 +34,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "watch": "setup-const",
   "computed": "setup-const",
   "componentsType": "setup-maybe-ref",
+  "MonacoEditor": "setup-maybe-ref",
   "Select": "setup-maybe-ref",
   "DatePicker": "setup-maybe-ref",
   "TimePicker": "setup-maybe-ref",
@@ -41,6 +42,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "InputNumber": "setup-maybe-ref",
   "InputPassword": "setup-maybe-ref",
   "Upload": "setup-maybe-ref",
+  "Modal": "setup-maybe-ref",
   "omit": "setup-maybe-ref",
   "emit": "setup-const",
   "props": "setup-reactive-const",
@@ -48,7 +50,9 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "myValue": "setup-ref",
   "objectValue": "setup-ref",
   "bindProps": "setup-ref",
-  "onChange": "setup-const"
+  "handleItemModalSubmit": "setup-const",
+  "onChange": "setup-const",
+  "monacoCancel": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createElementBlock as _createElementBlock } from "vue";
@@ -103,10 +107,18 @@ const __sfc_main__ = _defineComponent({
         const bindProps = computed(() => {
             return Object.assign(omit(props, ['extraProps']), props.extraProps);
         });
+        const handleItemModalSubmit = () => {
+            myValue.value = objectValue.value.replace(/[\r\n]\s*/g, '');
+            emit('update:modelValue', objectValue.value);
+            emit('change', objectValue.value);
+        };
         const onChange = (e) => {
             emit('update:modelValue', myValue.value);
             emit('change', e && e.target ? e.target.value : e);
         };
+        const monacoCancel = () => {
+            objectValue.value = props.modelValue;
+        };
         const handleFileChange = async (info) => {
             if (info.file.status === 'done') {
                 let url = _optionalChain([info, 'access', _2 => _2.file, 'access', _3 => _3.response, 'optionalAccess', _4 => _4.result, 'optionalAccess', _5 => _5.accessUrl]);
@@ -182,52 +194,45 @@ const __sfc_main__ = _defineComponent({
                                             min: -999999999999999,
                                             style: { "width": "100%" }
                                         }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
-                                        : (_unref(typeMap).get(__props.itemType) === 'object')
+                                        : (_unref(typeMap).get(__props.itemType) === 'file')
                                             ? (_openBlock(), _createBlock(_unref(Input), _mergeProps({
                                                 key: 6,
                                                 value: myValue.value,
                                                 "onUpdate:value": _cache[7] || (_cache[7] = ($event) => ((myValue).value = $event)),
-                                                allowClear: ""
-                                            }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
-                                            : (_unref(typeMap).get(__props.itemType) === 'file')
-                                                ? (_openBlock(), _createBlock(_unref(Input), _mergeProps({
+                                                allowClear: "",
+                                                placeholder: "请输入链接"
+                                            }, bindProps.value, { onChange: onChange }), {
+                                                addonAfter: _withCtx(() => [
+                                                    _createVNode(_unref(Upload), {
+                                                        action: __props.action,
+                                                        headers: __props.headers,
+                                                        showUploadList: false,
+                                                        name: "file",
+                                                        onChange: handleFileChange
+                                                    }, {
+                                                        default: _withCtx(() => [
+                                                            _createVNode(_component_AIcon, { type: "UploadOutlined" })
+                                                        ]),
+                                                        _: 1 /* STABLE */
+                                                    }, 8 /* PROPS */, ["action", "headers"])
+                                                ]),
+                                                _: 1 /* STABLE */
+                                            }, 16 /* FULL_PROPS */, ["value"]))
+                                            : (_unref(typeMap).get(__props.itemType) === 'password')
+                                                ? (_openBlock(), _createBlock(_unref(InputPassword), _mergeProps({
                                                     key: 7,
                                                     value: myValue.value,
                                                     "onUpdate:value": _cache[8] || (_cache[8] = ($event) => ((myValue).value = $event)),
                                                     allowClear: "",
-                                                    placeholder: "请输入链接"
-                                                }, bindProps.value, { onChange: onChange }), {
-                                                    addonAfter: _withCtx(() => [
-                                                        _createVNode(_unref(Upload), {
-                                                            action: __props.action,
-                                                            headers: __props.headers,
-                                                            showUploadList: false,
-                                                            name: "file",
-                                                            onChange: handleFileChange
-                                                        }, {
-                                                            default: _withCtx(() => [
-                                                                _createVNode(_component_AIcon, { type: "UploadOutlined" })
-                                                            ]),
-                                                            _: 1 /* STABLE */
-                                                        }, 8 /* PROPS */, ["action", "headers"])
-                                                    ]),
-                                                    _: 1 /* STABLE */
-                                                }, 16 /* FULL_PROPS */, ["value"]))
-                                                : (_unref(typeMap).get(__props.itemType) === 'password')
-                                                    ? (_openBlock(), _createBlock(_unref(InputPassword), _mergeProps({
-                                                        key: 8,
-                                                        value: myValue.value,
-                                                        "onUpdate:value": _cache[9] || (_cache[9] = ($event) => ((myValue).value = $event)),
-                                                        allowClear: "",
-                                                        type: "password"
-                                                    }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
-                                                    : (_openBlock(), _createBlock(_unref(Input), _mergeProps({
-                                                        key: 9,
-                                                        value: myValue.value,
-                                                        "onUpdate:value": _cache[10] || (_cache[10] = ($event) => ((myValue).value = $event)),
-                                                        allowClear: "",
-                                                        type: "text"
-                                                    }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
+                                                    type: "password"
+                                                }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
+                                                : (_openBlock(), _createBlock(_unref(Input), _mergeProps({
+                                                    key: 8,
+                                                    value: myValue.value,
+                                                    "onUpdate:value": _cache[9] || (_cache[9] = ($event) => ((myValue).value = $event)),
+                                                    allowClear: "",
+                                                    type: "text"
+                                                }, bindProps.value, { onChange: onChange }), null, 16 /* FULL_PROPS */, ["value"]))
             ]));
         };
     }

package/es/components.js

@@ -1,9 +1,7 @@
-export { default as Map } from './AMap';
 export { default as BadgeStatus } from './BadgeStatus';
 export { default as CardSelect } from './CardSelect';
 export { default as CheckButton } from './CheckButton';
 export { default as ConfigProvider } from './ConfigProvider';
-export { default as Echarts } from './Echarts';
 export { default as Ellipsis } from './Ellipsis';
 export { default as Empty } from './Empty';
 export { default as FullPage } from './FullPage';
@@ -19,6 +17,4 @@ export { default as DragModal } from './DragModal';
 export { default as EditTable } from './EditTable';
 export { default as Markdown } from './Markdown';
 export { default as AutoComplete } from './AutoComplete';
-export { default as Title } from './Title';
-export { default as FlameGraph } from './FlameGraph';
-export { default as Skeleton } from './Skeleton';
+export { default as Title } from './Title';

package/es/locale/en-US.js

@@ -51,6 +51,9 @@ export default {
     alert: {
       cancelChoose: 'Cancel selection',
       selectItem: 'Select {0} items'
+    },
+    select: {
+      all: 'Select all'
     }
   },
   ProLayout: {
@@ -58,9 +61,6 @@ export default {
       back: 'Back'
     }
   },
-  AMap: {
-    description: 'Please configure the Amap key for Gaode'
-  },
   EditTable: {
     serial: 'Serial',
     columns: {
@@ -114,9 +114,5 @@ export default {
   },
   PermissionButton: {
     hasPermission: 'No permission, please contact the administrator'
-  },
-  FlameGraph: {
-    placeholder: 'Please input',
-    revert: 'Revert'
   }
 };

package/es/locale/zh-CN.js

@@ -51,6 +51,9 @@ export default {
     alert: {
       cancelChoose: '取消选择',
       selectItem: '已选择 {0} 项'
+    },
+    select: {
+      all: '全选'
     }
   },
   ProLayout: {
@@ -58,9 +61,6 @@ export default {
       back: '返回'
     }
   },
-  AMap: {
-    description: '请配置高德地图key'
-  },
   EditTable: {
     serial: '序号',
     columns: {
@@ -114,9 +114,5 @@ export default {
   },
   PermissionButton: {
     hasPermission: '暂无权限，请联系管理员'
-  },
-  FlameGraph: {
-    placeholder: '请输入',
-    revert: '反转'
   }
 };

package/es/style/index.js

@@ -1,3 +0,0 @@
-import '../ProLayout/style';
-import '../ProTable/style';
-import '../ProLayout/style';

package/es/style/styleRegister.js

@@ -0,0 +1,21 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { genComponentStyleHook } from 'ant-design-vue/es/theme/internal';
+import { theme } from 'ant-design-vue';
+import variableToken from './variable';
+var genCompoentStyle = function genCompoentStyle(styleFn) {
+  return genComponentStyleHook('jetlinks-components', function (_token) {
+    var _theme$useToken = theme.useToken(),
+      token = _theme$useToken.token,
+      hashId = _theme$useToken.hashId;
+    var componentToken = {
+      token: _objectSpread(_objectSpread({}, _token), variableToken),
+      hashId: hashId.value,
+      componentCls: ".".concat(_token.prefixCls)
+    };
+    return _toConsumableArray(styleFn.map(function (item) {
+      return item(componentToken);
+    }));
+  });
+};
+export default genCompoentStyle;

package/es/style/variable.js

@@ -0,0 +1,4 @@
+export default {
+  textColorTitle: '#000',
+  textColorSubtitle: '#263237'
+};

package/es/style.js

@@ -1,13 +0,0 @@
-import './Ellipsis/style';
-import './CheckButton/style';
-import './ProLayout/style';
-import './ProTable/style';
-import './Search/style';
-import './CardSelect/style';
-import './DragModal/style';
-import './EditTable/style';
-import './Scrollbar/style';
-import './Title/style';
-import './RadioButton/style';
-import './FlameGraph/style';
-import './Skeketon/style';

package/lib/AutoComplete/AutoComplete.js

@@ -19,10 +19,10 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "AutoComplete": "setup-maybe-ref",
   "autoCompleteProps": "setup-maybe-ref",
   "ref": "setup-const",
-  "defineOptions": "setup-const",
+  "watch": "setup-const",
   "props": "setup-reactive-const",
   "emit": "setup-const",
-  "options": "setup-ref",
+  "_options": "setup-ref",
   "onSearch": "setup-const",
   "dropdownVisibleChange": "setup-const"
 } */
@@ -30,7 +30,7 @@ import { defineComponent as _defineComponent } from 'vue';
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 import { AutoComplete } from 'ant-design-vue';
 import { autoCompleteProps } from 'ant-design-vue/lib/auto-complete';
-import { ref, } from 'vue';
+import { ref, watch } from 'vue';
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'JAutoComplete'
@@ -46,29 +46,33 @@ const __sfc_main__ = _defineComponent({
     setup(__props, { emit: __emit }) {
         const props = __props;
         const emit = __emit;
-        const options = ref(props.options);
+        const _options = ref([]);
         /**
          * 根据关键词提示
          * @param searchText 关键词
          */
         const onSearch = (searchText) => {
-            options.value = _optionalChain([props, 'access', _2 => _2.options, 'optionalAccess', _3 => _3.filter, 'call', _4 => _4((item) => !!_optionalChain([item, 'access', _5 => _5[props.searchKey], 'optionalAccess', _6 => _6.includes, 'call', _7 => _7(searchText)]))]) || [];
-            if (!options.value.length) {
-                options.value.unshift({ label: searchText, value: searchText });
+            _options.value = _optionalChain([props, 'access', _2 => _2.options, 'optionalAccess', _3 => _3.filter, 'call', _4 => _4((item) => !!_optionalChain([item, 'access', _5 => _5[props.searchKey], 'optionalAccess', _6 => _6.includes, 'call', _7 => _7(searchText)]))]) || [];
+            if (!_options.value.length) {
+                _options.value.unshift({ label: searchText, value: searchText });
             }
         };
         const dropdownVisibleChange = (open) => {
             if (!open) {
                 // 关闭还原下拉options
                 setTimeout(() => {
-                    options.value = props.options || [];
+                    _options.value = props.options || [];
                 });
             }
         };
+        watch(() => JSON.stringify(props.options), // 处理options变化
+        () => {
+            _options.value = props.options || [];
+        }, { immediate: true });
         return (_ctx, _cache) => {
             return (_openBlock(), _createBlock(_unref(AutoComplete), _mergeProps(props, {
                 style: { "width": "100%" },
-                options: options.value,
+                options: _options.value,
                 onSearch: onSearch,
                 onDropdownVisibleChange: dropdownVisibleChange
             }), {

package/lib/BadgeStatus/Badge.js

@@ -3,7 +3,6 @@
   "status": "props",
   "statusNames": "props",
   "computed": "setup-const",
-  "defineOptions": "setup-const",
   "getHexColor": "setup-maybe-ref",
   "Badge": "setup-maybe-ref",
   "props": "setup-reactive-const",
@@ -11,7 +10,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { computed, } from 'vue';
+import { computed } from 'vue';
 import { getHexColor } from './color';
 import { Badge } from 'ant-design-vue';
 const __sfc_main__ = _defineComponent({

package/lib/BadgeStatus/color.js

@@ -14,9 +14,9 @@ var colorMap = {
 var getHexColor = exports.getHexColor = function getHexColor(code) {
   var pe = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.1;
   var _color = colorMap[code] || colorMap.default;
-  if (code === 'default') {
-    pe = 0.1;
-  }
+  // if (code === 'default') {
+  //   pe = 0.1
+  // }
   return "rgba(".concat(_color, ", ").concat(pe, ")");
 };
 var _default = exports.default = colorMap;

package/lib/CardSelect/CardSelect.js

@@ -10,21 +10,22 @@
   "computed": "setup-const",
   "ref": "setup-const",
   "watch": "setup-const",
-  "defineOptions": "setup-const",
+  "genCompoentStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "selectKeys": "setup-ref",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "CardSelectStyle": "setup-ref",
   "isMultiple": "setup-ref",
   "handleSelect": "setup-const"
 } */
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "j-card-select-item-content" };
-const _hoisted_3 = { class: "j-card-select-title" };
-const _hoisted_4 = { class: "j-card-select-describe" };
 import { has } from 'lodash-es';
-import { computed, ref, watch, } from 'vue';
+import { computed, ref, watch } from 'vue';
+import genCompoentStyle from './style';
 const __sfc_main__ = Object.assign({
     name: 'JCardSelect'
 }, {
@@ -63,6 +64,8 @@ const __sfc_main__ = Object.assign({
         const props = __props;
         const emit = __emit;
         const selectKeys = ref([]);
+        const prefixCls = computed(() => 'j-card-select');
+        const [wrapSSR, hashId] = genCompoentStyle(prefixCls);
         const CardSelectStyle = computed(() => {
             const _column = props.column > 0 && props.layout === 'horizontal' ? props.column : 1;
             return {
@@ -103,7 +106,7 @@ const __sfc_main__ = Object.assign({
         }, { immediate: true });
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", {
-                class: "j-card-select",
+                class: _normalizeClass(['j-card-select', _unref(hashId)]),
                 style: _normalizeStyle(CardSelectStyle.value)
             }, [
                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, (item) => {
@@ -111,19 +114,26 @@ const __sfc_main__ = Object.assign({
                         class: _normalizeClass({
                             'j-card-select-item': true,
                             'disabled': __props.disabled || item.disabled,
-                            'active': selectKeys.value.includes(item.value)
+                            'active': selectKeys.value.includes(item.value),
+                            [_unref(hashId)]: true
                         }),
                         onClick: () => handleSelect(item.value, item)
                     }, [
                         _renderSlot(_ctx.$slots, "itemRender", { node: item }, () => [
-                            _createElementVNode("div", _hoisted_2, [
-                                _createElementVNode("div", _hoisted_3, _toDisplayString(item.label), 1 /* TEXT */),
-                                _createElementVNode("div", _hoisted_4, _toDisplayString(item.describe), 1 /* TEXT */)
-                            ])
+                            _createElementVNode("div", {
+                                class: _normalizeClass(['j-card-select-item-content', _unref(hashId)])
+                            }, [
+                                _createElementVNode("div", {
+                                    class: _normalizeClass(['j-card-select-title', _unref(hashId)])
+                                }, _toDisplayString(item.label), 3 /* TEXT, CLASS */),
+                                _createElementVNode("div", {
+                                    class: _normalizeClass(['j-card-select-describe', _unref(hashId)])
+                                }, _toDisplayString(item.describe), 3 /* TEXT, CLASS */)
+                            ], 2 /* CLASS */)
                         ])
                     ], 10 /* CLASS, PROPS */, _hoisted_1));
                 }), 256 /* UNKEYED_FRAGMENT */))
-            ], 4 /* STYLE */));
+            ], 6 /* CLASS, STYLE */));
         };
     }
 });