@luck-design-biz/luckda 0.0.25 → 0.0.26

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

@@ -1,91 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React from 'react';
-import { useMemoizedFn, useSetState, useUpdateEffect } from 'ahooks';
-import { Checkbox, Row, Col, Input } from 'luck-design/antd';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import { isString } from 'lodash';
-import styles from "../style/impexp.less";
-var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.impexp';
-var ImpExp = function ImpExp(_ref) {
-  var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange;
-  var _useSetState = useSetState(defaultValue || {}),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    state = _useSetState2[0],
-    setState = _useSetState2[1];
-  useUpdateEffect(function () {
-    onChange(state);
-  }, [state]);
-  var handleCheckboxChange = useMemoizedFn(function (e) {
-    if (e.target.value === 'import') {
-      setState({
-        import: e.target.checked
-      });
-    } else if (e.target.value === 'export') {
-      setState({
-        export: e.target.checked
-      });
-    }
-  });
-  var handleInputChange = useMemoizedFn(function (field, e) {
-    var value = e.target.value.trim();
-    var _val = value === '' ? true : value;
-    console.log(_val);
-    if (field === 'import') {
-      setState({
-        import: _val
-      });
-    } else if (field === 'export') {
-      setState({
-        export: _val
-      });
-    }
-  });
-  return /*#__PURE__*/React.createElement(Row, {
-    gutter: [0, 8],
-    className: styles['lc-painter-panel-section-impexp']
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    value: "import",
-    checked: !!state.import,
-    onChange: handleCheckboxChange
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.import',
-    label: '导入'
-  }))), /*#__PURE__*/React.createElement(Col, {
-    span: 18
-  }, /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    value: isString(state.import) ? state.import : '',
-    onChange: function onChange(e) {
-      return handleInputChange('import', e);
-    },
-    placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".impUrl.placeholder"),
-      label: '请输入模版ID或自定义接口'
-    })
-  })), /*#__PURE__*/React.createElement(Col, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    value: "export",
-    checked: state.export,
-    onChange: handleCheckboxChange
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.export',
-    label: '导出'
-  }))), /*#__PURE__*/React.createElement(Col, {
-    span: 18
-  }, /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    value: isString(state.export) ? state.export : '',
-    onChange: function onChange(e) {
-      return handleInputChange('export', e);
-    },
-    placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".expUrl.placeholder"),
-      label: '请输入自定义接口'
-    })
-  })));
-};
-export default ImpExp;

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

@@ -1,48 +0,0 @@
-import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
-import { Button } from 'luck-design/antd';
-import { debounce } from 'lodash';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import PopConfirm from "../components/PopConfirm";
-import FullScreenEditor from "../components/code-editor/FullScreenEditor";
-import JSEditor from "../components/code-editor/JSEditor";
-var _JSEditor = function _JSEditor(_ref) {
-  var defaultValue = _ref.defaultValue,
-    defaultCode = _ref.defaultCode,
-    onChange = _ref.onChange,
-    mustConfirm = _ref.mustConfirm;
-  var editorRef = useRef();
-  var handleCodeChange = useRef(debounce(function (code) {
-    if (!mustConfirm) onChange(code);
-  }, 400));
-  var handleConfirm = useMemoizedFn(function () {
-    onChange(editorRef.current.editor.getValue());
-  });
-  var handleEditorLoad = useMemoizedFn(function () {
-    editorRef.current.editor.setValue(defaultValue || defaultCode);
-  });
-  return /*#__PURE__*/React.createElement(PopConfirm, {
-    placement: "left",
-    title: /*#__PURE__*/React.createElement(FullScreenEditor, {
-      ref: editorRef,
-      EditorComponent: JSEditor,
-      width: "600px",
-      height: "400px",
-      onChange: handleCodeChange.current,
-      onLoad: handleEditorLoad
-    }),
-    showBtn: mustConfirm,
-    onConfirm: handleConfirm
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      padding: '0 16px'
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    block: true,
-    size: "small"
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.sourceedit',
-    label: '源码编辑'
-  }))));
-};
-export default _JSEditor;

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

@@ -1,61 +0,0 @@
-import React from 'react';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import { useStyle, useStyleDispatch } from "./StyleContext";
-import panelStyles from "../../style/style-panel.less";
-import StyleRow from "./StyleRow";
-import { Tooltip } from 'luck-design/antd';
-import ColorInput from "../../components/ColorInput";
-import HighLightPanel from "./HighLightPanel";
-import HightLightSvg from "./HightLightSvg";
-var textRelatedStyles = ['background-color'];
-
-/**
- * 背景设置控件
- */
-export default function () {
-  return /*#__PURE__*/React.createElement(HighLightPanel, {
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/React.createElement(BackGroundEditor, null),
-    label: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.background',
-      label: '背景'
-    })
-  });
-}
-var BackGroundEditor = function BackGroundEditor() {
-  var style = useStyle();
-  var dispatch = useStyleDispatch();
-  var handleChange = function handleChange(field, value) {
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: field,
-        value: value
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyleRow, null, /*#__PURE__*/React.createElement(Tooltip, {
-    placement: "top",
-    title: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.font.weight',
-      label: '字重'
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: panelStyles['svg-label']
-  }, /*#__PURE__*/React.createElement(HightLightSvg, {
-    field: "background-color",
-    width: "20",
-    height: "20",
-    viewBox: "0 0 1024 1024"
-  }, /*#__PURE__*/React.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.createElement(ColorInput, {
-    wrapperStyle: {
-      flex: 1
-    },
-    value: style['background-color'],
-    onChange: function onChange(value) {
-      return handleChange('background-color', value);
-    }
-  })));
-};

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

@@ -1,150 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import { useStyle, useStyleDispatch, isModified } from "./StyleContext";
-import BorderSelector from "./BorderSelector";
-import styles from "../../style/border-editor.less";
-import { Select } from 'luck-design/antd';
-import Size from "./Size";
-import ColorInput from "../../components/ColorInput";
-import HighLightPanel from "./HighLightPanel";
-import HighLigthtSpan from "./HighLigthtSpan";
-var Option = 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();
-};
-
-/**
- * 边框样式设置控件
- */
-export default function () {
-  return /*#__PURE__*/React.createElement(HighLightPanel, {
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/React.createElement(BorderEditor, null),
-    label: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.border',
-      label: '边框'
-    })
-  });
-}
-var BorderEditor = function BorderEditor() {
-  var _style$styleField;
-  var _useState = useState('all'),
-    _useState2 = _slicedToArray(_useState, 2),
-    curDirection = _useState2[0],
-    setCurDirection = _useState2[1];
-  var style = useStyle();
-  var dispatch = 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.createElement("div", {
-    className: styles['lc-painter-panel-section-style-panel-border-editor']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['border-editor-wrapper']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['wrapper-left']
-  }, /*#__PURE__*/React.createElement(BorderSelector, {
-    onChange: handleDirectChange
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['wrapper-right']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['editor-item']
-  }, /*#__PURE__*/React.createElement(HighLigthtSpan, {
-    highLightFields: [styleField]
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style',
-    label: '边框'
-  })), /*#__PURE__*/React.createElement(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.createElement(Option, {
-    value: ""
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.none',
-    label: '无'
-  })), /*#__PURE__*/React.createElement(Option, {
-    value: "solid"
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.solid',
-    label: '实线条'
-  })), /*#__PURE__*/React.createElement(Option, {
-    value: "dotted"
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.dotted',
-    label: '点线'
-  })), /*#__PURE__*/React.createElement(Option, {
-    value: "dashed"
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.style.dashed',
-    label: '虚线'
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: styles['editor-item']
-  }, /*#__PURE__*/React.createElement(HighLigthtSpan, {
-    highLightFields: [widthField]
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.width',
-    label: '线宽'
-  })), /*#__PURE__*/React.createElement(Size, {
-    field: widthField,
-    style: {
-      flex: 1
-    },
-    placeholder: formatMessage({
-      id: "luckda.lowcode.painter.panel-section.style-panel.border.width.ph",
-      label: '线宽'
-    }),
-    onChange: function onChange(value) {
-      return handleChange(widthField, value);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['editor-item']
-  }, /*#__PURE__*/React.createElement(HighLigthtSpan, {
-    highLightFields: [colorField]
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border.color',
-    label: '颜色'
-  })), /*#__PURE__*/React.createElement(ColorInput, {
-    wrapperStyle: {
-      flex: 1
-    },
-    value: style[colorField],
-    onChange: function onChange(value) {
-      return handleChange(colorField, value);
-    }
-  })))));
-};

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

@@ -1,87 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import { useStyle, useStyleDispatch, isModified } from "./StyleContext";
-import BorderRadiusSelector from "./BorderRadiusSelector";
-import styles from "../../style/border-editor.less";
-import Size from "./Size";
-import HighLightPanel from "./HighLightPanel";
-import HighLigthtSpan from "./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);
-
-/**
- * 圆角样式设置控件
- */
-export default function () {
-  return /*#__PURE__*/React.createElement(HighLightPanel, {
-    highLightFields: textRelatedStyles,
-    addon: /*#__PURE__*/React.createElement(BorderRadiusEditor, null),
-    label: formatMessage({
-      id: 'luckda.lowcode.painter.panel-section.style-panel.border-radius',
-      label: ' 圆角'
-    })
-  });
-}
-var BorderRadiusEditor = function BorderRadiusEditor() {
-  var _useState = useState('all'),
-    _useState2 = _slicedToArray(_useState, 2),
-    curDirection = _useState2[0],
-    setCurDirection = _useState2[1];
-  var style = useStyle();
-  var dispatch = 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.createElement("div", {
-    className: styles['lc-painter-panel-section-style-panel-border-editor']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['border-editor-wrapper']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['wrapper-left']
-  }, /*#__PURE__*/React.createElement(BorderRadiusSelector, {
-    onChange: handleDirectChange
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['wrapper-right-single']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['editor-item']
-  }, /*#__PURE__*/React.createElement(HighLigthtSpan, {
-    highLightFields: [field]
-  }, formatMessage({
-    id: 'luckda.lowcode.painter.panel-section.style-panel.border-radius.width',
-    label: '半径'
-  })), /*#__PURE__*/React.createElement(Size, {
-    field: field,
-    style: {
-      flex: 1
-    },
-    placeholder: formatMessage({
-      id: "luckda.lowcode.painter.panel-section.style-panel.border-radius.width.ph",
-      label: '半径'
-    }),
-    onChange: function onChange(value) {
-      return handleChange(field, value);
-    }
-  })))));
-};

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

@@ -1,66 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import styles from "../../style/border-radius-selector.less";
-
-/**
- * 圆角设置组件
- */
-export default function (_ref) {
-  var onChange = _ref.onChange;
-  var _useState = useState('all'),
-    _useState2 = _slicedToArray(_useState, 2),
-    curSelect = _useState2[0],
-    setCurSelect = _useState2[1];
-  var handleSelected = function handleSelected(direction) {
-    if (onChange) onChange(direction);
-    setCurSelect(direction);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-section-style-panel-border-radius-selector']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['selector-box']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['selector-row']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-row'], " ").concat(styles['b-left'])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'top-left' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('top-left');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u250F")), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'bottom-left' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('bottom-left');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u2517")))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-row'], " ").concat(styles['b-center'])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'all' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('all');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u254B"))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-row'], " ").concat(styles['b-right'])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'top-right' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('top-right');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u2513")), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'bottom-right' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('bottom-right');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u251B")))));
-}

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

@@ -1,66 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import styles from "../../style/border-selector.less";
-
-/**
- * 边框选择组件
- */
-export default function (_ref) {
-  var onChange = _ref.onChange;
-  var _useState = useState('all'),
-    _useState2 = _slicedToArray(_useState, 2),
-    curSelect = _useState2[0],
-    setCurSelect = _useState2[1];
-  var handleSelected = function handleSelected(direction) {
-    if (onChange) onChange(direction);
-    setCurSelect(direction);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['lc-painter-panel-section-style-panel-border-selector']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['selector-box']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['selector-row']
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-row'], " ").concat(styles['b-left'])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'left' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('left');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u2523")))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-row'], " ").concat(styles['b-center'])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'top' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('top');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u2533")), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'all' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('all');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u254B")), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'bottom' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('bottom');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u253B"))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-row'], " ").concat(styles['b-right'])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles['selector-wrapper']).concat(curSelect === 'right' ? " ".concat(styles['selector-over']) : ''),
-    onClick: function onClick() {
-      return handleSelected('right');
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles['selector-item']
-  }, "\u252B")))));
-}