@next-libs/visual-builder 1.8.0 → 1.10.0

package/dist/esm/visual-property-form/components/ColorEditor/ColorEditorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorEditorItem.js","names":["SketchPicker","COLORS_MAP","Form","React","useEffect","useState","forwardRef","styles","getPresetColors","colorMap","colorList","group","forEach","name","result","match","colorHex","window","getComputedStyle","document","documentElement","getPropertyValue","trim","push","Object","entries","LegacyColorPick","props","ref","value","setValue","visible","setVisible","pos","setPos","handleChangeComplete","color","hex","onChange","handleClick","e","clientX","clientY","colorContainer","colorCube","colorContent","backgroundColor","popover","top","cover","ColorPick","ColorEditorItem","label","required","message"],"sources":["../../../../../src/visual-property-form/components/ColorEditor/ColorEditorItem.tsx"],"sourcesContent":["import { ColorResult, SketchPicker } from \"react-color\";\nimport { COLORS_MAP, Colors } from \"@next-libs/basic-components\";\nimport { Form } from \"antd\";\nimport React, { useEffect, useState, forwardRef } from \"react\";\nimport styles from \"./ColorEditor.module.css\";\n\nexport interface ColorEditorItemProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  required?: boolean;\n  value?: any;\n  onChange?: (value: string) => void;\n}\n\nexport function getPresetColors(\n  colorMap: Record<\n    Colors,\n    {\n      color: string;\n      background: string;\n      borderColor: string;\n    }\n  >\n): string[] {\n  const colorList: string[] = [];\n  for (const [, group] of Object.entries(colorMap)) {\n    [\"color\", \"background\", \"borderColor\"].forEach((name) => {\n      const result = (group as Record<string, any>)[name]?.match(\n        /^var\\((.+)\\)/\n      );\n      if (result) {\n        const colorHex = window\n          .getComputedStyle(document.documentElement)\n          .getPropertyValue(result[1])\n          ?.trim();\n        colorHex && colorList.push(colorHex);\n      }\n    });\n  }\n\n  return colorList;\n}\n\nexport function LegacyColorPick(\n  props: ColorEditorItemProps,\n  ref: React.Ref<any>\n) {\n  const [value, setValue] = useState(props.value);\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState([0, 0]);\n\n  useEffect(() => {\n    setValue(props.value);\n  }, [props.value]);\n\n  const handleChangeComplete = (color: ColorResult) => {\n    setValue(color.hex);\n    props.onChange(color.hex);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>): void => {\n    setPos([e.clientX, e.clientY]);\n    setVisible(true);\n  };\n\n  return (\n    <div className={styles.colorContainer}>\n      <div className={styles.colorCube} onClick={handleClick}>\n        <div\n          className={styles.colorContent}\n          style={{ backgroundColor: value }}\n        />\n      </div>\n      {visible && (\n        <div\n          className={styles.popover}\n          style={{\n            top: pos[1] - 385 - 16,\n          }}\n        >\n          <div className={styles.cover} onClick={() => setVisible(false)} />\n          <SketchPicker\n            width=\"230px\"\n            ref={ref}\n            color={value}\n            onChangeComplete={handleChangeComplete}\n            presetColors={getPresetColors(COLORS_MAP)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ColorPick = forwardRef(LegacyColorPick);\n\nexport function ColorEditorItem(props: ColorEditorItemProps) {\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[{ required: props.required, message: `请输入${props.name}` }]}\n    >\n      <ColorPick />\n    </Form.Item>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ColorEditorItem.js","names":["SketchPicker","COLORS_MAP","Form","React","useEffect","useState","forwardRef","styles","isArray","isObject","presetColorMap","getComputedColor","key","window","getComputedStyle","document","documentElement","getPropertyValue","trim","getDefaultPresetColors","colorMap","colorList","group","forEach","name","result","match","colorHex","push","color","title","Object","entries","processEditorPresetColors","editorPresetColors","res","item","matchArr","length","LegacyColorPick","props","ref","value","setValue","visible","setVisible","pos","setPos","handleChangeComplete","rgba","rgb","r","g","b","a","hex","onChange","handleClick","e","clientX","clientY","getPickerColor","colorContainer","colorCube","colorContent","backgroundColor","popover","top","cover","concat","ColorPick","ColorEditorItem","label","required","message"],"sources":["../../../../../src/visual-property-form/components/ColorEditor/ColorEditorItem.tsx"],"sourcesContent":["import { ColorResult, SketchPicker } from \"react-color\";\nimport { COLORS_MAP, Colors } from \"@next-libs/basic-components\";\nimport { Form } from \"antd\";\nimport React, { useEffect, useState, forwardRef } from \"react\";\nimport styles from \"./ColorEditor.module.css\";\nimport { isArray, isObject } from \"lodash\";\nimport { PresetColor } from \"react-color/lib/components/sketch/Sketch\";\n\nexport interface ColorEditorItemProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  required?: boolean;\n  value?: any;\n  onChange?: (value: string) => void;\n  editorPresetColors?: PresetColor[];\n}\n\nexport const presetColorMap: Record<string, string> = {};\n\nconst getComputedColor = (key: string) => {\n  return window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(key)\n    ?.trim();\n};\n\nexport function getDefaultPresetColors(\n  colorMap: Record<\n    Colors,\n    {\n      color: string;\n      background: string;\n      borderColor: string;\n    }\n  >\n): PresetColor[] {\n  const colorList: PresetColor[] = [];\n  for (const [, group] of Object.entries(colorMap)) {\n    [\"color\", \"background\", \"borderColor\"].forEach((name) => {\n      const result = (group as Record<string, any>)[name]?.match(\n        /^var\\((.+)\\)/\n      );\n      if (result) {\n        const colorHex = getComputedColor(result[1]);\n        if (colorHex) {\n          colorList.push({ color: colorHex, title: result[0] });\n          if (!presetColorMap[colorHex]) {\n            presetColorMap[colorHex] = result[0];\n          }\n        }\n      }\n    });\n  }\n\n  return colorList;\n}\n\nexport const processEditorPresetColors = (\n  editorPresetColors: PresetColor[]\n) => {\n  const res: PresetColor[] = [];\n\n  editorPresetColors?.forEach((item) => {\n    if (typeof item === \"string\") {\n      // css变量字符串或颜色字符串的情况\n      const matchArr = item.match(/^var\\((.+)\\)/);\n      if (isArray(matchArr) && matchArr?.length > 0) {\n        const color = getComputedColor(matchArr[1]);\n        if (color) {\n          res.push({ title: matchArr[0], color });\n          if (!presetColorMap[color]) {\n            presetColorMap[color] = matchArr[0];\n          }\n        }\n      } else {\n        res.push(item);\n      }\n    } else if (isObject(item)) {\n      // { title:..., color:... } 的情况, color也会分为css变量字符串或颜色字符串\n      const matchArr = item?.color?.match(/^var\\((.+)\\)/);\n      if (isArray(matchArr) && matchArr?.length > 0) {\n        const color = getComputedColor(matchArr[1]);\n        if (color) {\n          res.push({ ...item, color });\n          if (!presetColorMap[color]) {\n            presetColorMap[color] = matchArr[0];\n          }\n        }\n      } else {\n        res.push(item);\n      }\n    }\n  });\n  return res;\n};\n\nexport function LegacyColorPick(\n  props: ColorEditorItemProps,\n  ref: React.Ref<any>\n) {\n  const [value, setValue] = useState(props.value);\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState([0, 0]);\n\n  useEffect(() => {\n    setValue(props.value);\n  }, [props.value]);\n\n  const handleChangeComplete = (color: ColorResult) => {\n    const rgba = `rgba( ${color.rgb.r}, ${color.rgb.g}, ${color.rgb.b}, ${color.rgb.a})`;\n    const rgb = `rgb( ${color.rgb.r}, ${color.rgb.g}, ${color.rgb.b})`;\n    // 优先使用变量作为value\n    const res =\n      presetColorMap[rgba] ??\n      presetColorMap[rgb] ??\n      presetColorMap[color.hex] ??\n      rgba;\n    setValue(res);\n    props.onChange(res);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>): void => {\n    setPos([e.clientX, e.clientY]);\n    setVisible(true);\n  };\n\n  const getPickerColor = () => {\n    return value?.match(/^var\\((.+)\\)/)\n      ? getComputedColor(value?.match(/^var\\((.+)\\)/)[1])\n      : value;\n  };\n\n  return (\n    <div className={styles.colorContainer}>\n      <div className={styles.colorCube} onClick={handleClick}>\n        <div\n          className={styles.colorContent}\n          style={{ backgroundColor: value }}\n        />\n      </div>\n      {visible && (\n        <div\n          className={styles.popover}\n          style={{\n            top: pos[1] - 385 - 16,\n          }}\n        >\n          <div className={styles.cover} onClick={() => setVisible(false)} />\n          <SketchPicker\n            width=\"230px\"\n            ref={ref}\n            color={getPickerColor()}\n            onChangeComplete={handleChangeComplete}\n            presetColors={getDefaultPresetColors(COLORS_MAP).concat(\n              processEditorPresetColors(props?.editorPresetColors)\n            )}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ColorPick = forwardRef(LegacyColorPick);\n\nexport function ColorEditorItem(props: ColorEditorItemProps) {\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[{ required: props.required, message: `请输入${props.name}` }]}\n    >\n      <ColorPick editorPresetColors={props?.editorPresetColors} />\n    </Form.Item>\n  );\n}\n"],"mappings":"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"}

package/dist/types/visual-property-form/components/ColorEditor/ColorEditorItem.d.ts

@@ -1,17 +1,21 @@
 import { Colors } from "@next-libs/basic-components";
 import React from "react";
+import { PresetColor } from "react-color/lib/components/sketch/Sketch";
 export interface ColorEditorItemProps {
     name?: string;
     label?: string | React.ReactElement;
     required?: boolean;
     value?: any;
     onChange?: (value: string) => void;
+    editorPresetColors?: PresetColor[];
 }
-export declare function getPresetColors(colorMap: Record<Colors, {
+export declare const presetColorMap: Record<string, string>;
+export declare function getDefaultPresetColors(colorMap: Record<Colors, {
     color: string;
     background: string;
     borderColor: string;
-}>): string[];
+}>): PresetColor[];
+export declare const processEditorPresetColors: (editorPresetColors: PresetColor[]) => PresetColor[];
 export declare function LegacyColorPick(props: ColorEditorItemProps, ref: React.Ref<any>): JSX.Element;
 export declare const ColorPick: React.ForwardRefExoticComponent<ColorEditorItemProps & React.RefAttributes<any>>;
 export declare function ColorEditorItem(props: ColorEditorItemProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-libs/visual-builder",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/visual-builder",
   "license": "GPL-3.0",
@@ -35,5 +35,5 @@
     "@types/react-color": "^3.0.6",
     "react-color": "^2.19.3"
   },
-  "gitHead": "0db9bda0e7f49ceb2034a646cb236a5add0dff36"
+  "gitHead": "5f7ba8d0c6562a6a1ad6a13fba968294beb5fa4a"
 }