@luck-design-biz/luckda 0.0.24-1 → 0.0.24-3

package/es/lowcode/painter/panel-section/StylePanel/StyleContext.js

@@ -1,101 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { createContext, useContext, useReducer, useRef, useEffect } from 'react';
-import postcss from 'postcss';
-var StyleContext = /*#__PURE__*/createContext(null);
-var StyleDispatchContext = /*#__PURE__*/createContext(null);
-var EditorContext = /*#__PURE__*/createContext(null);
-export function StyleProvider(_ref) {
-  var onChange = _ref.onChange,
-    children = _ref.children,
-    value = _ref.value;
-  var editorRef = useRef(null);
-  var styleReducer = function styleReducer(state, action) {
-    switch (action.type) {
-      case 'edit':
-        var newState = _objectSpread({}, state);
-        newState[action.payload.id] = action.payload.value;
-        if (editorRef.current) {
-          editorRef.current.editor.setValue(styleToCSS(newState));
-        }
-        return newState;
-      case 'code':
-        return parseCSS(action.payload);
-      default:
-        throw new Error();
-    }
-  };
-  var _useReducer = useReducer(styleReducer, parseCSS(value)),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    style = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  useEffect(function () {
-    if (style) {
-      var css = styleToCSS(style);
-      if (onChange) onChange(style, css);
-    }
-  }, [style]);
-  return /*#__PURE__*/React.createElement(StyleContext.Provider, {
-    value: style
-  }, /*#__PURE__*/React.createElement(EditorContext.Provider, {
-    value: editorRef
-  }, /*#__PURE__*/React.createElement(StyleDispatchContext.Provider, {
-    value: dispatch
-  }, children)));
-}
-export function useStyle() {
-  return useContext(StyleContext);
-}
-export function useStyleDispatch() {
-  return useContext(StyleDispatchContext);
-}
-export function useEditor() {
-  return useContext(EditorContext);
-}
-var parseCSS = function parseCSS(cssString) {
-  // 创建一个空对象来存储解析后的样式
-  var parsedStyles = {};
-  if (cssString) {
-    try {
-      // 解析CSS字符串
-      var ast = postcss.parse(cssString);
-
-      // 遍历AST中的每个规则
-      ast.walkDecls(function (decl) {
-        // 将每个声明的属性和值存储在对象中
-        parsedStyles[decl.prop] = decl.value;
-      });
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  // 返回包含所有样式的对象
-  return parsedStyles;
-};
-export var styleToCSS = function styleToCSS(styleObject) {
-  // Create a PostCSS root node
-  var root = postcss.root();
-
-  // Create a new rule for the :root selector
-  var rule = postcss.rule({
-    selector: ':root'
-  });
-
-  // Iterate over the style object and add declarations to the rule
-  Object.keys(styleObject).forEach(function (property) {
-    var value = styleObject[property];
-    var decl = postcss.decl({
-      prop: property.replace(/([A-Z])/g, '-$1').toLowerCase(),
-      // Convert camelCase to kebab-case
-      value: value
-    });
-    rule.append(decl);
-  });
-
-  // Append the rule to the root
-  root.append(rule);
-
-  // Convert the root to a CSS string
-  return root.toString();
-};

package/es/lowcode/painter/panel-section/StylePanel/Width.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["field"];
-import React from 'react';
-import PanelItem from "../../components/PanelItem";
-import NumberInput from "../../components/NumberInput";
-import { formatMessage } from '@luck-design-biz/base/utils';
-import { useStyle, useStyleDispatch } from "./StyleContext";
-var options = [{
-  label: 'px',
-  value: 'px'
-}, {
-  label: '%',
-  value: '%'
-}, {
-  label: 'A',
-  value: 'auto'
-}];
-export default function (_ref) {
-  var field = _ref.field,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var style = useStyle();
-  var dispatch = useStyleDispatch();
-  return /*#__PURE__*/React.createElement(PanelItem, {
-    label: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.height',
-      label: '高'
-    })
-  }, /*#__PURE__*/React.createElement(NumberInput, _extends({
-    options: options,
-    value: style[field],
-    min: 0,
-    max: 10000,
-    onChange: function onChange(value) {
-      dispatch({
-        type: 'edit',
-        payload: {
-          id: field,
-          value: value
-        }
-      });
-    },
-    placeholder: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.height.ph',
-      label: '请输入高度'
-    })
-  }, rest)));
-}

package/es/lowcode/painter/panel-section/StylePanel/index.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { StyleProvider } from "./StyleContext";
-import MainPanel from "./MainPanel";
-var StylePanel = function StylePanel(_ref) {
-  var onChange = _ref.onChange,
-    value = _ref.value;
-  return /*#__PURE__*/React.createElement(StyleProvider, {
-    onChange: onChange,
-    value: value
-  }, /*#__PURE__*/React.createElement(MainPanel, null));
-};
-export default StylePanel;

package/es/lowcode/painter/panel-section/TabItems.js

@@ -1,237 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import React, { useRef, useReducer, useEffect } from 'react';
-import { Radio, Icon, Tooltip, Input } from 'luck-design/antd';
-import { formatMessage, suid } from '@luck-design-biz/base/utils';
-import { Segmented } from '@luck-helper/ui-design';
-import styles from "../style/tabitems.less";
-import { SortBox, SortItem } from "../components/SortBox";
-import { TabEditor, TabEditorItem } from "../components/TabEditor";
-import PopConfirm from "../components/PopConfirm";
-import { PopForm, PopFormItem, PopFormItemLeft, PopFormItemRight } from "../components/PopForm";
-function itemsReducer(state, action) {
-  switch (action.type) {
-    case 'add':
-      return [].concat(_toConsumableArray(state), [action.payload]);
-    case 'delete':
-      return state.filter(function (item) {
-        return item.id !== action.payload;
-      });
-    case 'edit':
-      return state.map(function (item) {
-        return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
-      });
-    case 'active':
-      return state.map(function (item) {
-        item.active = false;
-        return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
-      });
-    case 'new':
-      return _toConsumableArray(action.payload);
-    case 'sort':
-      var sortItems = action.payload;
-      var newItems = state.sort(function (a, b) {
-        var indexA = sortItems.indexOf(a.id);
-        var indexB = sortItems.indexOf(b.id);
-        return indexA - indexB;
-      });
-      return _toConsumableArray(newItems);
-    default:
-      throw new Error();
-  }
-}
-var TabItems = function TabItems(_ref) {
-  var options = _ref.options,
-    onChange = _ref.onChange;
-  var _useReducer = useReducer(itemsReducer, options),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    items = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var isFirstRender = useRef(true);
-  useEffect(function () {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    if (onChange) onChange(items);
-  }, [items, onChange]);
-  var handleAdd = function handleAdd() {
-    dispatch({
-      type: 'add',
-      payload: {
-        id: "tab_".concat(suid()),
-        name: "\u9009\u9879".concat(items.length + 1),
-        active: false,
-        resid: null,
-        effect: 'disable'
-      }
-    });
-  };
-  var handleSortChange = function handleSortChange(sortItems) {
-    dispatch({
-      type: 'sort',
-      payload: sortItems
-    });
-  };
-  return /*#__PURE__*/React.createElement(SortBox, {
-    datas: items.map(function (item) {
-      return item.id;
-    }),
-    onChange: handleSortChange
-  }, /*#__PURE__*/React.createElement(TabEditor, {
-    handleAdd: handleAdd
-  }, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(SortItem, {
-      id: item.id
-    }, /*#__PURE__*/React.createElement(TabEditorItem, {
-      left: /*#__PURE__*/React.createElement(TabItemLeft, {
-        item: item,
-        dispatch: dispatch
-      }),
-      right: /*#__PURE__*/React.createElement(TabItemRight, {
-        item: item,
-        dispatch: dispatch
-      }),
-      item: item,
-      dispatch: dispatch
-    }));
-  })));
-};
-var TabItemLeft = function TabItemLeft(_ref2) {
-  var item = _ref2.item,
-    dispatch = _ref2.dispatch;
-  var handleActiveChange = function handleActiveChange() {
-    dispatch({
-      type: 'active',
-      payload: {
-        id: item.id,
-        data: _objectSpread(_objectSpread({}, item), {}, {
-          active: true
-        })
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Radio, {
-    checked: item.active,
-    onClick: handleActiveChange
-  })), /*#__PURE__*/React.createElement("div", null, item.name));
-};
-var TabItemRight = function TabItemRight(_ref3) {
-  var item = _ref3.item,
-    dispatch = _ref3.dispatch;
-  var handleDelete = function handleDelete() {
-    dispatch({
-      type: 'delete',
-      payload: item.id
-    });
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
-    title: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.tabsitems.edit',
-      label: '添加'
-    })
-  }, /*#__PURE__*/React.createElement(PopConfirm, {
-    placement: "bottomLeft",
-    title: /*#__PURE__*/React.createElement(TabItemEditor, {
-      item: item,
-      dispatch: dispatch
-    })
-  }, /*#__PURE__*/React.createElement(Icon, {
-    className: styles['tabitem-action'],
-    type: "edit"
-  }))), /*#__PURE__*/React.createElement(Tooltip, {
-    title: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.tabsitems.delete',
-      label: '删除'
-    })
-  }, /*#__PURE__*/React.createElement(Icon, {
-    className: styles['tabitem-action'],
-    type: "delete",
-    onClick: handleDelete
-  })));
-};
-var TabItemEditor = function TabItemEditor(_ref4) {
-  var item = _ref4.item,
-    dispatch = _ref4.dispatch;
-  var options = [{
-    label: '禁用',
-    value: 'disable'
-  }, {
-    label: '隐藏',
-    value: 'middle'
-  }];
-  var handleNameChange = function handleNameChange(e) {
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: item.id,
-        data: _objectSpread(_objectSpread({}, item), {}, {
-          name: e.target.value
-        })
-      }
-    });
-  };
-  var handleEffectChange = function handleEffectChange(value) {
-    console.log('value', value);
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: item.id,
-        data: _objectSpread(_objectSpread({}, item), {}, {
-          effect: value.option.value
-        })
-      }
-    });
-  };
-  var handleResChange = function handleResChange(e) {
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: item.id,
-        data: _objectSpread(_objectSpread({}, item), {}, {
-          resid: e.target.value
-        })
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement(PopForm, null, /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.tabsitems.editor.tabname',
-    label: '名称'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    value: item.name,
-    onChange: handleNameChange,
-    placeholder: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.tabsitems.editor.tabname.placeholder',
-      label: '请输入标签名称'
-    })
-  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.tabsitems.editor.id',
-    label: '编号'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    value: item.id,
-    disabled: true
-  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.tabsitems.editor.reskey',
-    label: '资源串'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    value: item.resid,
-    onChange: handleResChange,
-    placeholder: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.tabsitems.editor.reskey.placeholder',
-      label: '请输入资源串'
-    })
-  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.tabsitems.editor.reskey',
-    label: '控制效果'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Segmented, {
-    field: "effect",
-    options: options,
-    onChange: handleEffectChange,
-    value: item.effect
-  }))));
-};
-export default TabItems;

package/es/lowcode/painter/services/I18n.js

@@ -1,85 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { stringify } from 'qs';
-import { request } from '@luck-design-biz/base/utils';
-import api from "@/services/ApiConfig";
-export function readAllLang(_x, _x2) {
-  return _readAllLang.apply(this, arguments);
-}
-function _readAllLang() {
-  _readAllLang = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params, body) {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          return _context.abrupt("return", request("".concat(api.BASE_HOST, "/lang/sysLanguageKeys/readAll?").concat(stringify(params)), {
-            method: 'POST',
-            body: body
-          }));
-        case 1:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _readAllLang.apply(this, arguments);
-}
-export function doAddLang(_x3, _x4) {
-  return _doAddLang.apply(this, arguments);
-}
-function _doAddLang() {
-  _doAddLang = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params, body) {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          return _context2.abrupt("return", request("".concat(api.BASE_HOST, "/lang/sysLanguageKeys/add?").concat(stringify(params)), {
-            method: 'POST',
-            body: body
-          }));
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _doAddLang.apply(this, arguments);
-}
-export function doUpdateLang(_x5, _x6) {
-  return _doUpdateLang.apply(this, arguments);
-}
-function _doUpdateLang() {
-  _doUpdateLang = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params, body) {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          return _context3.abrupt("return", request("".concat(api.BASE_HOST, "/lang/sysLanguageKeys/update?").concat(stringify(params)), {
-            method: 'POST',
-            body: body
-          }));
-        case 1:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return _doUpdateLang.apply(this, arguments);
-}
-export function doDeleteLang(_x7, _x8) {
-  return _doDeleteLang.apply(this, arguments);
-}
-function _doDeleteLang() {
-  _doDeleteLang = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params, body) {
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          return _context4.abrupt("return", request("".concat(api.BASE_HOST, "/lang/sysLanguageKeys/delete?").concat(stringify(params)), {
-            method: 'POST',
-            body: body
-          }));
-        case 1:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  }));
-  return _doDeleteLang.apply(this, arguments);
-}

package/es/lowcode/painter/style/button-type.less

@@ -1,5 +0,0 @@
-.lc-painter-panel-section-components-buttontype {
-  &-option {
-    width: 100%;
-  }
-}

package/es/lowcode/painter/style/collapse.less

@@ -1,21 +0,0 @@
-.lc-painter-components-collapse {
-  .head {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: hsla(210, 8%, 95%, 0.4);
-    border-bottom: 1px solid rgba(31, 56, 88, 0.1);
-    height: 32px;
-    padding: 0 12px;
-    cursor: pointer;
-    user-select: none;
-  }
-
-  .body {
-    padding: 12px;
-  }
-
-  .action {
-    font-size: 12px;
-  }
-}

package/es/lowcode/painter/style/display.less

@@ -1,17 +0,0 @@
-.lc-painter-panel-section-style-panel-display {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 2px 0;
-
-  .revert-h {
-    transform: scaleX(-1);
-  }
-  .revert-v {
-    transform: scaleY(-1);
-  }
-
-  svg {
-    vertical-align: middle;
-  }
-}

package/es/lowcode/painter/style/fullscreen-editor.less

@@ -1,17 +0,0 @@
-.lc-painter-components-fullscreen-editor {
-  .actions {
-    display: flex;
-    justify-content: right;
-    margin-bottom: 4px;
-    font-size: 12px;
-    cursor: pointer;
-  }
-
-  .fullscreen {
-    :global {
-      .monaco-editor {
-        padding: 12px;
-      }
-    }
-  }
-}

package/es/lowcode/painter/style/icon-selector.less

@@ -1,22 +0,0 @@
-.lc-painter-panel-section-iconselector {
-  
-  .components-search {
-    padding: 0 20px;
-  }
-
-  .icon-warp {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    .icon-box {
-      cursor: pointer;
-      height: 40px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .icon-item {
-        font-size: 20px;
-      }
-    }
-  }
-}

package/es/lowcode/painter/style/icon.less

@@ -1,11 +0,0 @@
-.lc-painter-panel-section-icon {
-  height: 28px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-
-  .selecor{
-    font-size: 12px;
-    margin-left: 6px;
-  }
-}

package/es/lowcode/painter/style/number-input.less

@@ -1,17 +0,0 @@
-.lc-painter-panel-section-components-number-input {
-  .num-input-wrap {
-    position: relative;
-
-    .num-input {
-      width: 100%;
-    }
-
-    .num-option {
-      display: inline-block;
-      position: absolute;
-      right: 26px;
-      color: rgba(0, 0, 0, 0.6);
-      cursor: pointer;
-    }
-  }
-}

package/es/lowcode/painter/style/pop-confirm.less

@@ -1,10 +0,0 @@
-.lc-painter-panel-section-components-popconfirm {
-  :global {
-    .ant-popover-message-title {
-      padding: 0;
-    }
-    .ant-popover-buttons{
-      display: none;
-    }
-  }
-}

package/es/lowcode/painter/style/pop-form.less

@@ -1,20 +0,0 @@
-.lc-painter-panel-section-components-popform {
-  width: 240px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  .item {
-    display: flex;
-    gap: 2px;
-    align-items: center;
-    font-size: 12px;
-
-    .left {
-      width: 55px;
-    }
-
-    .right {
-      flex: 1;
-    }
-  }
-}

package/es/lowcode/painter/style/style-panel.less

@@ -1,5 +0,0 @@
-.lc-painter-panel-section-style-panel {
-  .style-editor {
-    margin-bottom: 8px;
-  }
-}