@jetlinks-web/components 3.0.1-rc → 3.1.0

package/lib/Skeleton/components/Tree.js

@@ -2,19 +2,21 @@
   "active": "props",
   "loading": "props",
   "Item": "setup-const",
-  "defineOptions": "setup-const",
-  "props": "setup-reactive-const"
+  "computed": "setup-const",
+  "useSkeletonStyle": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref"
 } */
-import { renderSlot as _renderSlot, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = {
-    key: 1,
-    class: "j-skeleton"
-};
+import { renderSlot as _renderSlot, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = { class: "j-skeleton-flex" };
 const _hoisted_2 = { class: "j-skeleton-flex" };
 const _hoisted_3 = { class: "j-skeleton-flex" };
 const _hoisted_4 = { class: "j-skeleton-flex" };
-const _hoisted_5 = { class: "j-skeleton-flex" };
 import Item from "./Item.js";
+import { computed } from "vue";
+import useSkeletonStyle from '../style';
 const __sfc_main__ = Object.assign({
     name: 'JSkeletonTree'
 }, {
@@ -30,35 +32,40 @@ const __sfc_main__ = Object.assign({
     },
     setup(__props) {
         const props = __props;
+        const prefixCls = computed(() => 'j-skeleton');
+        const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
         return (_ctx, _cache) => {
             return (!__props.loading)
                 ? _renderSlot(_ctx.$slots, "default", { key: 0 })
-                : (_openBlock(), _createElementBlock("div", _hoisted_1, [
-                    _createElementVNode("div", _hoisted_2, [
+                : (_openBlock(), _createElementBlock("div", {
+                    key: 1,
+                    class: _normalizeClass(['j-skeleton', _unref(hashId)])
+                }, [
+                    _createElementVNode("div", _hoisted_1, [
                         _createVNode(Item, { active: __props.active }, null, 8 /* PROPS */, ["active"])
                     ]),
-                    _createElementVNode("div", _hoisted_3, [
+                    _createElementVNode("div", _hoisted_2, [
                         _createVNode(Item, {
                             active: __props.active,
                             width: "100px"
                         }, null, 8 /* PROPS */, ["active"])
                     ]),
                     (_openBlock(), _createElementBlock(_Fragment, null, _renderList(6, (item) => {
-                        return _createElementVNode("div", _hoisted_4, [
+                        return _createElementVNode("div", _hoisted_3, [
                             _createVNode(Item, {
                                 active: __props.active,
                                 size: "small"
                             }, null, 8 /* PROPS */, ["active"])
                         ]);
                     }), 64 /* STABLE_FRAGMENT */)),
-                    _createElementVNode("div", _hoisted_5, [
+                    _createElementVNode("div", _hoisted_4, [
                         _createVNode(Item, {
                             active: __props.active,
                             size: "small",
                             width: "140px"
                         }, null, 8 /* PROPS */, ["active"])
                     ])
-                ]));
+                ], 2 /* CLASS */));
         };
     }
 });

package/lib/Skeleton/skeleton.js

@@ -2,13 +2,18 @@
   "active": "props",
   "loading": "props",
   "Item": "setup-const",
-  "defineOptions": "setup-const",
-  "props": "setup-reactive-const"
+  "computed": "setup-const",
+  "useSkeletonStyle": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref"
 } */
-import { renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode } from "vue";
-const _hoisted_1 = { class: "j-skeleton" };
-const _hoisted_2 = { class: "j-skeleton-flex-column" };
+import { unref as _unref, renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = { class: "j-skeleton-flex-column" };
 import Item from "./components/Item.js";
+import { computed } from "vue";
+import useSkeletonStyle from './style';
 const __sfc_main__ = Object.assign({
     name: 'JSkeleton'
 }, {
@@ -24,12 +29,16 @@ const __sfc_main__ = Object.assign({
     },
     setup(__props) {
         const props = __props;
+        const prefixCls = computed(() => 'j-skeleton');
+        const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
         return (_ctx, _cache) => {
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['j-skeleton', _unref(hashId)])
+            }, [
                 (!__props.loading)
                     ? _renderSlot(_ctx.$slots, "default", { key: 0 })
                     : _createCommentVNode("v-if", true),
-                _createElementVNode("div", _hoisted_2, [
+                _createElementVNode("div", _hoisted_1, [
                     _createVNode(Item, {
                         active: __props.active,
                         width: "40%"
@@ -42,7 +51,7 @@ const __sfc_main__ = Object.assign({
                         width: "80%"
                     }, null, 8 /* PROPS */, ["active"])
                 ])
-            ]));
+            ], 2 /* CLASS */));
         };
     }
 });

package/lib/Skeleton/style/index.js

@@ -1,3 +1,139 @@
 "use strict";
 
-require("./Skeleton.less");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antDesignVue = require("ant-design-vue");
+var _styleRegister = _interopRequireDefault(require("../../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 _antDesignVue.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 (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(componentCls, "-flex"), JSkeletonFlex), "".concat(componentCls, "-flex-between"), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, JSkeletonFlex), {}, {
+    background: JSkeletonBg,
+    height: JSkeletonSize,
+    borderRadius: JSkeletonBorderRadius
+  })), "".concat(componentCls, "-flex-column"), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, JSkeletonFlex), {}, {
+    justifyContent: 'space-between'
+  })), "".concat(componentCls), (_$concat6 = {
+    height: '100%'
+  }, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_$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"), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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"), (0, _defineProperty2.default)((0, _defineProperty2.default)({
+    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'
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_$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"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(componentCls, "-card-content"), (0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'flex',
+    gap: '16px',
+    border: '2px solid #f0f2f5',
+    borderRadius: '8px',
+    padding: '24px',
+    marginBottom: '16px'
+  }, "".concat(componentCls, "-image"), {
+    width: '100px',
+    height: '100px'
+  }), "".concat(componentCls, "-right"), (0, _defineProperty2.default)({
+    flex: 1,
+    minWidth: '200px'
+  }, "".concat(componentCls, "-right-content"), (0, _defineProperty2.default)({
+    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'
+    }
+  }))));
+};
+var _default = exports.default = (0, _styleRegister.default)([genSkeletonStyle]);

package/lib/Title/style/index.js

@@ -1,3 +1,36 @@
 "use strict";
 
-require("./index.less");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _styleRegister = _interopRequireDefault(require("../../style/styleRegister"));
+var genTitleStyle = function genTitleStyle(config) {
+  var componentCls = config.componentCls,
+    token = config.token;
+  return (0, _defineProperty2.default)({}, componentCls, (0, _defineProperty2.default)({
+    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: '""'
+    }
+  }));
+};
+var _default = exports.default = (0, _styleRegister.default)([genTitleStyle]);

package/lib/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/lib/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"]))
             ]));
         };
     }