@luck-design-biz/luckda 0.0.25-9 → 0.0.26

package/lib/lowcode/painter/panel-section/PageLayoutDisplay.js

@@ -1,103 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _ahooks = require("ahooks");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _antd = require("luck-design/antd");
-var _pageLayoutDisplay = _interopRequireDefault(require("../style/page-layout-display.less"));
-var _TYPES_ = ['lr', 'lmr', 'ltb'];
-var PageLayoutDisplay = function PageLayoutDisplay(_ref) {
-  var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange;
-  var _useState = (0, _react.useState)(defaultValue || 'lr'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    activeType = _useState2[0],
-    setActiveType = _useState2[1];
-  var handleTypeChange = (0, _ahooks.useMemoizedFn)(function (value) {
-    setActiveType(value);
-    onChange(value);
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _pageLayoutDisplay.default['lc-painter-panel-section-pagelayoutdisplay']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _pageLayoutDisplay.default['display-type-box']
-  }, _TYPES_.map(function (_type) {
-    return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      key: _type,
-      title: _type
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(_pageLayoutDisplay.default['display-type-item'], (0, _defineProperty2.default)({}, _pageLayoutDisplay.default.active, activeType === _type)),
-      style: {
-        flexDirection: 'row'
-      },
-      onClick: function onClick() {
-        return handleTypeChange(_type);
-      }
-    }, _type === 'lr' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flex: 1,
-        marginRight: 4
-      },
-      className: _pageLayoutDisplay.default['item-block']
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flex: 3
-      },
-      className: _pageLayoutDisplay.default['item-block']
-    })), _type === 'lmr' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flex: 1,
-        marginRight: 4
-      },
-      className: _pageLayoutDisplay.default['item-block']
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flex: 3,
-        display: 'flex'
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: '50%',
-        borderRight: '1px solid #eee'
-      },
-      className: _pageLayoutDisplay.default['item-block']
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        width: '50%'
-      },
-      className: _pageLayoutDisplay.default['item-block']
-    }))), _type === 'ltb' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flex: 1,
-        marginRight: 4
-      },
-      className: _pageLayoutDisplay.default['item-block']
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flex: 3,
-        display: 'flex',
-        flexDirection: 'column'
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        height: '50%',
-        borderBottom: '1px solid #eee'
-      },
-      className: _pageLayoutDisplay.default['item-block']
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        height: '50%'
-      },
-      className: _pageLayoutDisplay.default['item-block']
-    })))));
-  })));
-};
-var _default = exports.default = PageLayoutDisplay;

package/lib/lowcode/painter/panel-section/SerialsSelector.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _antd = require("luck-design/antd");
-var _ContextProvider = require("../../engine/provider/ContextProvider");
-var Div = _styledComponents.default.div.withConfig({
-  displayName: "Div",
-  componentId: "luckda-6530__sc-nsshdj-0"
-})(["display:flex;align-items:center;"]);
-var SerialsSelector = function SerialsSelector(_ref) {
-  var defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange,
-    size = _ref.size;
-  var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
-    serials = _useRemoteSource.serials,
-    refreshSerials = _useRemoteSource.refreshSerials,
-    fetchAllSerialsLoading = _useRemoteSource.fetchAllSerialsLoading;
-  return /*#__PURE__*/_react.default.createElement(Div, null, /*#__PURE__*/_react.default.createElement(_antd.Select, {
-    defaultValue: defaultValue,
-    size: size,
-    allowClear: true,
-    onChange: function onChange(val) {
-      return _onChange(val);
-    },
-    getPopupContainer: function getPopupContainer() {
-      return document.getElementById('lc-design-workspace');
-    },
-    style: {
-      flex: 1
-    },
-    loading: fetchAllSerialsLoading
-  }, serials.map(function (opt) {
-    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
-      key: opt.uid,
-      value: opt.serial
-    }, opt.name);
-  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    size: size,
-    icon: "cloud-sync",
-    loading: fetchAllSerialsLoading,
-    style: {
-      marginLeft: 4
-    },
-    onClick: refreshSerials
-  }));
-};
-var _default = exports.default = SerialsSelector;

package/lib/lowcode/painter/panel-section/SplitDisplay.js

@@ -1,171 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _ahooks = require("ahooks");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _lodash = require("lodash");
-var _antd = require("luck-design/antd");
-var _utils = require("@luck-design-biz/base/utils");
-var _RuleInput = _interopRequireDefault(require("../components/RuleInput"));
-var _PanelItem = _interopRequireDefault(require("../components/PanelItem"));
-var _splitDisplay = _interopRequireDefault(require("../style/split-display.less"));
-var _OPTIONS_ = [{
-  label: (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.splitdisplay.splitVertical',
-    label: '横向'
-  }),
-  value: 'vertical'
-}, {
-  label: (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.splitdisplay.splitHorizontal',
-    label: '纵向'
-  }),
-  value: 'horizontal'
-}];
-var _RULES_ = [{
-  func: function func(value) {
-    // 首先，检查value是否为字符串
-    if (!(0, _lodash.isString)(value)) return false;
-
-    // 使用正则表达式检查字符串是否只包含数字和冒号，并且不以冒号开始或结束
-    return /^[0-9]+(:[0-9]+)*$/.test(value);
-  },
-  err: (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.splitdisplay.err',
-    label: '必须是数字或者数字加:号的组合'
-  })
-}];
-var _FAST_TO_MAPPING_ = {
-  right: 'left',
-  left: 'right',
-  up: 'down',
-  down: 'up'
-};
-var FastToBox = _styledComponents.default.div.withConfig({
-  displayName: "FastToBox",
-  componentId: "luckda-6530__sc-aassai-0"
-})(["display:flex;justify-content:flex-start;align-items:center;i:not(:last-child){margin-right:4px;}"]);
-var SplitDisplay = function SplitDisplay(_ref) {
-  var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange;
-  var valueRef = (0, _react.useRef)(defaultValue);
-  var _useState = (0, _react.useState)(defaultValue.split || 'vertical'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    split = _useState2[0],
-    setSplit = _useState2[1];
-  var _useState3 = (0, _react.useState)(defaultValue.ratio || '1:1'),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    ratio = _useState4[0],
-    setRatio = _useState4[1];
-  var ratioArr = (0, _ahooks.useCreation)(function () {
-    return ratio.split(':').map(function (r) {
-      return parseInt(r);
-    });
-  }, [ratio]);
-  var _useState5 = (0, _react.useState)(function () {
-      return (0, _lodash.drop)(ratioArr).map(function () {
-        return split === 'vertical' ? 'right' : 'down';
-      });
-    }),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    fastTo = _useState6[0],
-    setFastTo = _useState6[1];
-  var handleFastToItemClick = (0, _ahooks.useMemoizedFn)(function (d, i) {
-    var _fastTo = (0, _toConsumableArray2.default)(fastTo);
-    _fastTo[i] = _FAST_TO_MAPPING_[d];
-    setFastTo(_fastTo);
-    valueRef.current.fastTo = _fastTo;
-    onChange((0, _objectSpread2.default)({}, valueRef.current));
-  });
-  var handleSplitChange = (0, _ahooks.useMemoizedFn)(function (value) {
-    var _fastTo = (0, _lodash.drop)(ratio.split(':')).map(function () {
-      return value === 'vertical' ? 'right' : 'down';
-    });
-    setSplit(value);
-    setFastTo(_fastTo);
-    valueRef.current.split = value;
-    valueRef.current.fastTo = _fastTo;
-    onChange((0, _objectSpread2.default)({}, valueRef.current));
-  });
-  var handleInputChange = (0, _ahooks.useMemoizedFn)(function (_, value) {
-    var _fastTo = (0, _lodash.drop)(value.split(':')).map(function () {
-      return split === 'vertical' ? 'right' : 'down';
-    });
-    setRatio(value);
-    setFastTo(_fastTo);
-    valueRef.current.ratio = value;
-    valueRef.current.fastTo = _fastTo;
-    onChange((0, _objectSpread2.default)({}, valueRef.current));
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _splitDisplay.default['lc-painter-panel-section-splitdisplay']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _splitDisplay.default['display-type-box']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _splitDisplay.default['display-type-item'],
-    style: {
-      flexDirection: split === 'horizontal' ? 'column' : 'row'
-    }
-  }, ratioArr.map(function (r, i) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: i,
-      style: (0, _defineProperty2.default)({
-        flex: r
-      }, split === 'horizontal' ? 'borderBottom' : 'borderRight', i < ratioArr.length - 1 ? '1px solid #eee' : 'none'),
-      className: _splitDisplay.default['item-block']
-    });
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginTop: 8
-    }
-  }, /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.splitdisplay.fastTo',
-      label: '收缩方向'
-    }),
-    suppressPadding: true
-  }, /*#__PURE__*/_react.default.createElement(FastToBox, null, fastTo.map(function (d, i) {
-    return /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      key: i,
-      type: "arrow-".concat(d),
-      onClick: function onClick() {
-        return handleFastToItemClick(d, i);
-      }
-    });
-  }))), /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.splitdisplay.split',
-      label: '分割方向'
-    }),
-    suppressPadding: true
-  }, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
-    options: _OPTIONS_,
-    defaultValue: split,
-    onChange: handleSplitChange
-  })), /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.splitdisplay.ratio',
-      label: '列比例'
-    }),
-    suppressPadding: true
-  }, /*#__PURE__*/_react.default.createElement(_RuleInput.default, {
-    placeholder: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.Layoutratio.placeholder',
-      label: '请输入列比例'
-    }),
-    rules: _RULES_,
-    onValueChange: handleInputChange,
-    value: ratio
-  }))));
-};
-var _default = exports.default = SplitDisplay;

package/lib/lowcode/painter/panel-section/StylePanel/BackGround.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 _StyleContext = require("./StyleContext");
-var _stylePanel = _interopRequireDefault(require("../../style/style-panel.less"));
-var _StyleRow = _interopRequireDefault(require("./StyleRow"));
-var _antd = require("luck-design/antd");
-var _ColorInput = _interopRequireDefault(require("../../components/ColorInput"));
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var _HightLightSvg = _interopRequireDefault(require("./HightLightSvg"));
-var textRelatedStyles = ['background-color'];
-
-/**
- * 背景设置控件
- */
-function _default() {
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/_react.default.createElement(BackGroundEditor, null),
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.background',
-      label: '背景'
-    })
-  });
-}
-var BackGroundEditor = function BackGroundEditor() {
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleChange = function handleChange(field, value) {
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: field,
-        value: value
-      }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StyleRow.default, null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-    placement: "top",
-    title: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.font.weight',
-      label: '字重'
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylePanel.default['svg-label']
-  }, /*#__PURE__*/_react.default.createElement(_HightLightSvg.default, {
-    field: "background-color",
-    width: "20",
-    height: "20",
-    viewBox: "0 0 1024 1024"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M881.2544 1004.3392c-50.9952 0-92.3648-41.3696-92.3648-92.3648 0-50.9952 92.3648-215.6544 92.3648-215.6544s92.3648 164.6592 92.3648 215.6544S932.4544 1004.3392 881.2544 1004.3392L881.2544 1004.3392zM50.3808 546.6112 449.9456 151.552l399.7696 395.264-399.7696 395.264L50.3808 546.6112 50.3808 546.6112zM449.9456 239.2064l-277.0944 272.384 554.3936 0L449.9456 239.2064 449.9456 239.2064zM272.384 63.488l44.4416-43.8272L449.9456 151.552 405.504 195.3792 272.384 63.488 272.384 63.488zM272.384 63.488"
-  })))), /*#__PURE__*/_react.default.createElement(_ColorInput.default, {
-    wrapperStyle: {
-      flex: 1
-    },
-    value: style['background-color'],
-    onChange: function onChange(value) {
-      return handleChange('background-color', value);
-    }
-  })));
-};

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

@@ -1,158 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _StyleContext = require("./StyleContext");
-var _BorderSelector = _interopRequireDefault(require("./BorderSelector"));
-var _borderEditor = _interopRequireDefault(require("../../style/border-editor.less"));
-var _antd = require("luck-design/antd");
-var _Size = _interopRequireDefault(require("./Size"));
-var _ColorInput = _interopRequireDefault(require("../../components/ColorInput"));
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var _HighLigthtSpan = _interopRequireDefault(require("./HighLigthtSpan"));
-var Option = _antd.Select.Option;
-var borderMainProps = ['border-width', 'border-color', 'border-style'];
-var borderSideProps = ['border-top-width', 'border-top-color', 'border-top-style', 'border-right-width', 'border-right-color', 'border-right-style', 'border-bottom-width', 'border-bottom-color', 'border-bottom-style', 'border-left-width', 'border-left-color', 'border-left-style'];
-var textRelatedStyles = [].concat(borderMainProps, borderSideProps);
-var getPropName = function getPropName(str) {
-  return str.split('-').pop();
-};
-
-/**
- * 边框样式设置控件
- */
-function _default() {
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/_react.default.createElement(BorderEditor, null),
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.border',
-      label: '边框'
-    })
-  });
-}
-var BorderEditor = function BorderEditor() {
-  var _style$styleField;
-  var _useState = (0, _react.useState)('all'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    curDirection = _useState2[0],
-    setCurDirection = _useState2[1];
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleChange = function handleChange(field, value) {
-    if (curDirection == 'all') {
-      var mainPropsName = getPropName(field);
-      borderSideProps.forEach(function (item) {
-        if (mainPropsName === getPropName(item)) delete style[item];
-      });
-    }
-    if (value) {
-      style[field] = value;
-    } else {
-      delete style[field];
-    }
-    dispatch({
-      type: 'new',
-      payload: style
-    });
-  };
-  var handleDirectChange = function handleDirectChange(value) {
-    setCurDirection(value);
-  };
-  var styleField = 'border-style';
-  var widthField = 'border-width';
-  var colorField = 'border-color';
-  if (curDirection != 'all') {
-    styleField = "border-".concat(curDirection, "-style");
-    widthField = "border-".concat(curDirection, "-width");
-    colorField = "border-".concat(curDirection, "-color");
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['lc-painter-panel-section-style-panel-border-editor']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['border-editor-wrapper']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['wrapper-left']
-  }, /*#__PURE__*/_react.default.createElement(_BorderSelector.default, {
-    onChange: handleDirectChange
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['wrapper-right']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['editor-item']
-  }, /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-    highLightFields: [styleField]
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style',
-    label: '边框'
-  })), /*#__PURE__*/_react.default.createElement(_antd.Select, {
-    style: {
-      flex: 1
-    },
-    size: "small",
-    onChange: function onChange(value) {
-      handleChange(styleField, value);
-    },
-    value: (_style$styleField = style[styleField]) !== null && _style$styleField !== void 0 ? _style$styleField : ''
-  }, /*#__PURE__*/_react.default.createElement(Option, {
-    value: ""
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.none',
-    label: '无'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "solid"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.solid',
-    label: '实线条'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "dotted"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.dotted',
-    label: '点线'
-  })), /*#__PURE__*/_react.default.createElement(Option, {
-    value: "dashed"
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.dashed',
-    label: '虚线'
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['editor-item']
-  }, /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-    highLightFields: [widthField]
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.width',
-    label: '线宽'
-  })), /*#__PURE__*/_react.default.createElement(_Size.default, {
-    field: widthField,
-    style: {
-      flex: 1
-    },
-    placeholder: (0, _utils.formatMessage)({
-      id: "luckda.lowcode.painter.panel-section.style-panel.border.width.ph",
-      label: '线宽'
-    }),
-    onChange: function onChange(value) {
-      return handleChange(widthField, value);
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['editor-item']
-  }, /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-    highLightFields: [colorField]
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.color',
-    label: '颜色'
-  })), /*#__PURE__*/_react.default.createElement(_ColorInput.default, {
-    wrapperStyle: {
-      flex: 1
-    },
-    value: style[colorField],
-    onChange: function onChange(value) {
-      return handleChange(colorField, value);
-    }
-  })))));
-};

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

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@luck-design-biz/base/utils");
-var _StyleContext = require("./StyleContext");
-var _BorderRadiusSelector = _interopRequireDefault(require("./BorderRadiusSelector"));
-var _borderEditor = _interopRequireDefault(require("../../style/border-editor.less"));
-var _Size = _interopRequireDefault(require("./Size"));
-var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
-var _HighLigthtSpan = _interopRequireDefault(require("./HighLigthtSpan"));
-var borderMainProps = ['border-radius'];
-var borderSideProps = ['border-top-right-radius', 'border-top-left-radius', 'border-bottom-left-radius', 'border-bottom-right-radius'];
-var textRelatedStyles = [].concat(borderMainProps, borderSideProps);
-
-/**
- * 圆角样式设置控件
- */
-function _default() {
-  return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/_react.default.createElement(BorderRadiusEditor, null),
-    label: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.border-radius',
-      label: ' 圆角'
-    })
-  });
-}
-var BorderRadiusEditor = function BorderRadiusEditor() {
-  var _useState = (0, _react.useState)('all'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    curDirection = _useState2[0],
-    setCurDirection = _useState2[1];
-  var style = (0, _StyleContext.useStyle)();
-  var dispatch = (0, _StyleContext.useStyleDispatch)();
-  var handleChange = function handleChange(field, value) {
-    if (curDirection == 'all') {
-      borderSideProps.forEach(function (item) {
-        delete style[item];
-      });
-    }
-    if (value) {
-      style[field] = value;
-    } else {
-      delete style[field];
-    }
-    dispatch({
-      type: 'new',
-      payload: style
-    });
-  };
-  var handleDirectChange = function handleDirectChange(value) {
-    setCurDirection(value);
-  };
-  var field = 'border-radius';
-  if (curDirection != 'all') {
-    field = "border-".concat(curDirection, "-radius");
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['lc-painter-panel-section-style-panel-border-editor']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['border-editor-wrapper']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['wrapper-left']
-  }, /*#__PURE__*/_react.default.createElement(_BorderRadiusSelector.default, {
-    onChange: handleDirectChange
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['wrapper-right-single']
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _borderEditor.default['editor-item']
-  }, /*#__PURE__*/_react.default.createElement(_HighLigthtSpan.default, {
-    highLightFields: [field]
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border-radius.width',
-    label: '半径'
-  })), /*#__PURE__*/_react.default.createElement(_Size.default, {
-    field: field,
-    style: {
-      flex: 1
-    },
-    placeholder: (0, _utils.formatMessage)({
-      id: "luckda.lowcode.painter.panel-section.style-panel.border-radius.width.ph",
-      label: '半径'
-    }),
-    onChange: function onChange(value) {
-      return handleChange(field, value);
-    }
-  })))));
-};