@luck-design-biz/luckda 0.0.25 → 0.0.26

package/lib/lowcode/painter/panel-section/StylePanel/GapSelector.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _StyleContext = require("./StyleContext");
-var _antd = require("luck-design/antd");
-var Option = _antd.Select.Option;
-
-/**
- * 间距选择组件
- */
-function _default(_ref) {
-  var _style$field;
-  var field = _ref.field;
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleChange = function handleChange(value) {
-    if (field == 'margin') {
-      delete style['margin-top'];
-      delete style['margin-right'];
-      delete style['margin-bottom'];
-      delete style['margin-left'];
-    }
-    if (field == 'padding') {
-      delete style['padding-top'];
-      delete style['padding-right'];
-      delete style['padding-bottom'];
-      delete style['padding-left'];
-    }
-    if (value && value != '') {
-      style[field] = value;
-    } else {
-      delete style[field];
-    }
-    dispatch({
-      type: 'new',
-      payload: style
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_antd.Select, {
-    size: "small",
-    onChange: handleChange,
-    value: (_style$field = style[field]) !== null && _style$field !== void 0 ? _style$field : ''
-  }, /*#__PURE__*/_react.default.createElement(Option, {
-    value: "24px"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.margin.superbig',
-    label: '超大（24px）'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "20px"
-  }, ' ', (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.margin.big',
-    label: '大（20px）'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "16px"
-  }, ' ', (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.margin.middle',
-    label: '中（16px）'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "12px"
-  }, ' ', (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.margin.small',
-    label: '小（12px）'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "8px"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.margin.supersmall',
-    label: '超小（8px）'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "0"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.margin.none',
-    label: '无（0px）'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: ""
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.margin.default',
-    label: '默认'
-  })));
-}

package/lib/lowcode/painter/panel-section/StylePanel/HighLightPanel.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _PanelItem = _interopRequireDefault(require("../../components/PanelItem"));
-var _HighLigthtSpan = _interopRequireDefault(require("./HighLigthtSpan"));
-var _excluded = ["children", "label", "highLightFields", "customStyle"];
-/**
- * 标签自动高亮控件
- */
-function _default(_ref) {
-  var children = _ref.children,
-    label = _ref.label,
-    highLightFields = _ref.highLightFields,
-    customStyle = _ref.customStyle,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_PanelItem.default, (0, _extends2.default)({
-    label: /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-      highLightFields: highLightFields,
-      customStyle: customStyle
-    }, label)
-  }, rest), children);
-}

package/lib/lowcode/painter/panel-section/StylePanel/HighLigthtSpan.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _StyleContext = require("./StyleContext");
-var _stylePanel = _interopRequireDefault(require("../../style/style-panel.less"));
-var _excluded = ["children", "highLightFields", "customStyle"];
-/**
- * 标签自动高亮控件
- */
-function _default(_ref) {
-  var children = _ref.children,
-    highLightFields = _ref.highLightFields,
-    customStyle = _ref.customStyle,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var style = (0, _StyleContext.useStyle)();
-  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-    className: (0, _StyleContext.isModified)(customStyle !== null && customStyle !== void 0 ? customStyle : style, highLightFields) ? _stylePanel.default['label-over'] : ''
-  }, rest), children);
-}

package/lib/lowcode/painter/panel-section/StylePanel/HightLightSvg.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _StyleContext = require("./StyleContext");
-var _stylePanel = _interopRequireDefault(require("../../style/style-panel.less"));
-var _excluded = ["children", "field", "label", "highLightFields"];
-/**
- * 标签自动高亮SVG
- */
-function _default(_ref) {
-  var children = _ref.children,
-    field = _ref.field,
-    label = _ref.label,
-    highLightFields = _ref.highLightFields,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var style = (0, _StyleContext.useStyle)();
-  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-    className: (0, _StyleContext.isModified)(style, [field]) ? _stylePanel.default['label-over'] : '',
-    fill: "currentColor",
-    preserveAspectRatio: "xMidYMid meet"
-  }, rest), children);
-}

package/lib/lowcode/painter/panel-section/StylePanel/MainPanel.js

@@ -1,103 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _antd = require("luck-design/antd");
-var _Collapse = _interopRequireDefault(require("../../components/Collapse"));
-var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"));
-var _CssEditor = _interopRequireDefault(require("../../components/code-editor/CssEditor"));
-var _FullScreenEditor = _interopRequireDefault(require("../../components/code-editor/FullScreenEditor"));
-var _stylePanel = _interopRequireDefault(require("../../style/style-panel.less"));
-var _StyleContext = require("./StyleContext");
-var _WidthHeight = _interopRequireDefault(require("./WidthHeight"));
-var _Display = _interopRequireDefault(require("./Display"));
-var _Margin = _interopRequireDefault(require("./Margin"));
-var _Padding = _interopRequireDefault(require("./Padding"));
-var _Font = _interopRequireDefault(require("./Font"));
-var _BackGround = _interopRequireDefault(require("./BackGround"));
-var _Border = _interopRequireDefault(require("./Border"));
-var _BorderRadius = _interopRequireDefault(require("./BorderRadius"));
-var _Shadow = _interopRequireDefault(require("./Shadow"));
-var _Opacity = _interopRequireDefault(require("./Opacity"));
-var _Pointer = _interopRequireDefault(require("./Pointer"));
-/**
- * 主样式面板
- */
-var MainPanel = function MainPanel() {
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var editorRef = (0, _StyleContext.useEditor)();
-  var currentCoce = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    if (style) {
-      currentCoce.current = (0, _StyleContext.styleToCSS)(style);
-    }
-  }, [style]);
-  var handleCodeChange = (0, _react.useCallback)(function (code) {
-    dispatch({
-      type: 'code',
-      payload: code
-    });
-  }, []);
-  var handleEditorLoad = (0, _react.useCallback)(function () {
-    editorRef.current.editor.setValue(currentCoce.current);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylePanel.default['lc-painter-panel-section-style-panel']
-  }, /*#__PURE__*/_react.default.createElement(_Collapse.default, {
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.group-name',
-      label: '样式设置'
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylePanel.default['style-editor']
-  }, /*#__PURE__*/_react.default.createElement(_PopConfirm.default, {
-    placement: "bottomRight",
-    title: /*#__PURE__*/_react.default.createElement(_FullScreenEditor.default, {
-      ref: editorRef,
-      EditorComponent: _CssEditor.default,
-      width: "280px",
-      height: "300px",
-      onChange: handleCodeChange,
-      onLoad: handleEditorLoad
-    })
-  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    type: "primary",
-    size: "small"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.sourceedit',
-    label: '源码编辑'
-  })))), /*#__PURE__*/_react.default.createElement(_WidthHeight.default, {
-    field: "width",
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.width',
-      label: '宽'
-    }),
-    placeholder: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.width',
-      label: '请输入宽度'
-    })
-  }), /*#__PURE__*/_react.default.createElement(_WidthHeight.default, {
-    field: "height",
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.width',
-      label: '高'
-    }),
-    placeholder: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.width',
-      label: '请输入宽高度'
-    })
-  }), /*#__PURE__*/_react.default.createElement(_Display.default, {
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.display',
-      label: '显示'
-    })
-  }), /*#__PURE__*/_react.default.createElement(_Margin.default, null), /*#__PURE__*/_react.default.createElement(_Padding.default, null), /*#__PURE__*/_react.default.createElement(_Font.default, null), /*#__PURE__*/_react.default.createElement(_BackGround.default, null), /*#__PURE__*/_react.default.createElement(_Border.default, null), /*#__PURE__*/_react.default.createElement(_BorderRadius.default, null), /*#__PURE__*/_react.default.createElement(_Shadow.default, null), /*#__PURE__*/_react.default.createElement(_Opacity.default, null), /*#__PURE__*/_react.default.createElement(_Pointer.default, null)));
-};
-var _default = exports.default = MainPanel;

package/lib/lowcode/painter/panel-section/StylePanel/Margin.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _GapSelector = _interopRequireDefault(require("./GapSelector"));
-var _StyleContext = require("./StyleContext");
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var textRelatedStyles = ['margin', 'margin-top', 'margin-right', 'margin-bottom', 'margin-left'];
-var field = 'margin';
-function _default() {
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    label: "Margin",
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/_react.default.createElement(MarginGroup, null)
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: field
-  }));
-}
-
-/**
- * 边距样式设置组件
- */
-var MarginGroup = function MarginGroup() {
-  var style = (0, _StyleContext.useStyle)();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    suppressPadding: true,
-    highLightFields: ['margin-top'],
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.margin.top',
-      label: '上间距'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: "margin-top"
-  })), /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: ['margin-right'],
-    suppressPadding: true,
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.margin.right',
-      label: '右间距'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: "margin-right"
-  })), /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: ['margin-bottom'],
-    suppressPadding: true,
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.margin.down',
-      label: '下间距'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: "margin-bottom"
-  })), /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: ['margin-left'],
-    suppressPadding: true,
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.margin.left',
-      label: '左间距'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: "margin-left"
-  })));
-};

package/lib/lowcode/painter/panel-section/StylePanel/Opacity.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _StyleContext = require("./StyleContext");
-var _Size = _interopRequireDefault(require("./Size"));
-var _lodash = require("lodash");
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var field = 'opacity';
-
-/**
- * 透明度设置组件
- */
-function _default() {
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var opacityValue = null;
-  if (style[field]) {
-    opacityValue = parseFloat(style[field]) * 100;
-  }
-  var handleChange = function handleChange(value) {
-    if (!(0, _lodash.isNil)(value)) value = parseFloat(value) / 100;
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: field,
-        value: value
-      }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: [field],
-    label: (0, _utils.formatMessage)({
-      id: "luckda.lowcode.painter.panel-section.style-panel.opacity",
-      label: '透明度'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_Size.default, {
-    customValue: opacityValue,
-    customOption: sizeOptions,
-    onChange: handleChange,
-    placeholder: (0, _utils.formatMessage)({
-      id: "luckda.lowcode.painter.panel-section.style-panel.opacity.ph",
-      label: '透明度'
-    }),
-    min: 0,
-    max: 100
-  }));
-}
-var sizeOptions = [{
-  label: '%',
-  value: '%'
-}];

package/lib/lowcode/painter/panel-section/StylePanel/Padding.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _GapSelector = _interopRequireDefault(require("./GapSelector"));
-var _StyleContext = require("./StyleContext");
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var textRelatedStyles = ['padding', 'padding-top', 'padding-right', 'padding-bottom', 'padding-left'];
-var field = 'padding';
-
-/**
- * 间距样式设置组件
- */
-function _default() {
-  var style = (0, _StyleContext.useStyle)();
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    label: "Padding",
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/_react.default.createElement(MarginGroup, null)
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: field
-  }));
-}
-var MarginGroup = function MarginGroup() {
-  var style = (0, _StyleContext.useStyle)();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: ['padding-top'],
-    suppressPadding: true,
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.padding.top',
-      label: '上边距'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: "padding-top"
-  })), /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: ['padding-right'],
-    suppressPadding: true,
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.padding.right',
-      label: '右边距'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: "padding-right"
-  })), /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: ['padding-bottom'],
-    suppressPadding: true,
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.padding.down',
-      label: '下边距'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: "padding-bottom"
-  })), /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: ['padding-left'],
-    suppressPadding: true,
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.padding.left',
-      label: '左边距'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_GapSelector.default, {
-    field: "padding-left"
-  })));
-};

package/lib/lowcode/painter/panel-section/StylePanel/Pointer.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _StyleContext = require("./StyleContext");
-var _antd = require("luck-design/antd");
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var Option = _antd.Select.Option;
-var field = 'cursor';
-/**
- * 指针样式设置组件
- */
-function _default() {
-  var _style$field;
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleChange = function handleChange(value) {
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: field,
-        value: value
-      }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: [field],
-    label: (0, _utils.formatMessage)({
-      id: "luckda.lowcode.painter.panel-section.style-panel.cursor",
-      label: '鼠标手势'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
-    size: "small",
-    onChange: handleChange,
-    value: (_style$field = style[field]) !== null && _style$field !== void 0 ? _style$field : ''
-  }, /*#__PURE__*/_react.default.createElement(Option, {
-    value: ""
-  }, "none"), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "default"
-  }, "default"), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "pointer"
-  }, "pointer")));
-}