@luck-design-biz/luckda 1.0.2-4 → 1.0.2-6

package/es/lowcode/painter/components/ActionBindModal.js

@@ -301,4 +301,5 @@ var ActionBindModal = function ActionBindModal(_ref) {
     label: '请在右侧选择行为项'
   }))))));
 };
-export default ActionBindModal;
+export default ActionBindModal;
+//# sourceMappingURL=ActionBindModal.js.map

package/es/lowcode/painter/components/ActionBindModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","useMemoizedFn","useLatest","useCreation","useMap","useUpdateEffect","useDebounceFn","Modal","Icon","Input","Checkbox","Tooltip","classNames","reduce","formatMessage","useRemoteSource","useGet","useContext","JSEditor","extractKeywords","styles","_I18N_PREFIX_","_ACTION_CATEGORY_","key","label","id","concat","_DEFAULT_JSON_CODE_","_DEFAULT_JS_CODE_","ActionBindModal","_ref","nodeId","event","_ref$defaultCode","defaultCode","onComfirm","onClose","context","_useRemoteSource","module","editorRef","_useMap","_useMap2","_slicedToArray","actionPool","_useMap2$","set","remove","get","setAll","reset","_useState","_useState2","category","setCategory","_useState3","_useState4","activeKey","setActiveKey","_useState5","_useState6","searchValue","setSearchValue","latestActiveKey","pageData","keywords","options","actions","ret","actionName","actionKey","push","componentList","_ref2","_ref3","target","api","getSelfData","props","name","_editorRef$current","action","current","editor","setValue","code","_useDebounceFn","wait","handleEditorValueChange","run","handleOptionClick","has","func","slice","handleChecked","checked","handleClose","handleComfirm","Array","from","createElement","className","bodyStyle","marginTop","padding","title","visible","width","closable","maskClosable","getContainer","document","getElementById","onCancel","onOk","map","_ref4","_defineProperty","active","onClick","_activeKey","type","style","height","display","justifyContent","Search","placeholder","size","onChange","e","value","alignSelf","filter","_ref5","toLowerCase","includes","_ref6","marginRight","stopPropagation","Fragment","getPopupContainer","marginLeft","ref"],"sources":["../../../../luckda/lowcode/painter/components/ActionBindModal.jsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport {\n  useMemoizedFn,\n  useLatest,\n  useCreation,\n  useMap,\n  useUpdateEffect,\n  useDebounceFn,\n} from 'ahooks';\nimport { Modal, Icon, Input, Checkbox, Tooltip } from 'luck-design/antd';\nimport classNames from 'classnames';\nimport { reduce } from 'lodash';\nimport { formatMessage } from '@luck-design-biz/base/utils';\nimport { useRemoteSource, useGet } from '../../engine/provider/ContextProvider';\nimport { useContext } from '../../engine/provider/ContextProvider';\nimport JSEditor from './code-editor/JSEditor';\nimport { extractKeywords } from '../../engine/tools/helper';\nimport styles from '../style/action-bind-modal.less';\n\nconst _I18N_PREFIX_ = 'luckda.lowcode.painter.actionBindModal';\n\nconst _ACTION_CATEGORY_ = [\n  {\n    key: 'page-action',\n    label: formatMessage({ id: `${_I18N_PREFIX_}.pageActions`, label: '页面行为' }),\n  },\n  // { key: 'trigger', label: formatMessage({ id: `${_I18N_PREFIX_}.trigger`, label: '触发器' }) },\n  { key: 'custom', label: formatMessage({ id: `${_I18N_PREFIX_}.custom`, label: '自定义动作' }) },\n];\n\nconst _DEFAULT_JSON_CODE_ = '{\"params\":{},\"data\":{}}';\nconst _DEFAULT_JS_CODE_ = 'function todo() {\\n\\n}';\n\nconst ActionBindModal = ({\n  nodeId,\n  event,\n  defaultCode = _DEFAULT_JS_CODE_,\n  onComfirm,\n  onClose,\n}) => {\n  const context = useContext();\n  const { module } = useRemoteSource();\n  const editorRef = useRef();\n  const [actionPool, { set, remove, get, setAll, reset }] = useMap([]);\n  const [category, setCategory] = useState('page-action');\n  const [activeKey, setActiveKey] = useState(void 0);\n  const [searchValue, setSearchValue] = useState(void 0);\n  const latestActiveKey = useLatest(activeKey);\n\n  const pageData = useGet();\n  const keywords = useCreation(\n    () => extractKeywords(pageData, ['id', ['dataset', 'code'], 'field']),\n    [],\n  );\n\n  const options = useCreation(() => {\n    if (category === 'page-action') {\n      return reduce(\n        module.actions,\n        (ret, actionName, actionKey) => {\n          ret.push({ key: actionKey, label: actionName });\n          return ret;\n        },\n        [],\n      );\n    } else if (category === 'trigger') {\n      return reduce(\n        context.componentList,\n        (ret, [key, target]) => {\n          ret.push({\n            key,\n            label: `${target.api.getSelfData().props.name}(${key})`,\n          });\n          return ret;\n        },\n        [],\n      );\n    } else if (category === 'custom') {\n      return [\n        {\n          key: 'coding',\n          label: formatMessage({ id: `${_I18N_PREFIX_}.coding`, label: '动作编写' }),\n        },\n      ];\n    }\n    return [];\n  }, [category]);\n\n  useUpdateEffect(() => {\n    if (activeKey) {\n      const action = get(activeKey);\n      editorRef.current?.editor.setValue(action?.code);\n    }\n  }, [category, activeKey]);\n\n  useUpdateEffect(() => {\n    setAll(event?.actionPool);\n  }, [event]);\n\n  const { run: handleEditorValueChange } = useDebounceFn(\n    (code) => {\n      if (latestActiveKey.current) {\n        const action = get(latestActiveKey.current);\n        action.code = code;\n      }\n    },\n    { wait: 500 },\n  );\n\n  const handleOptionClick = useMemoizedFn((key) => {\n    setActiveKey(key);\n    let action;\n    if (actionPool.has(key)) {\n      action = get(key);\n    } else {\n      const code =\n        event.func ||\n        (category === 'custom'\n          ? defaultCode\n          : `${defaultCode.slice(0, -1)}\\n\\treturn ${_DEFAULT_JSON_CODE_} \\n}`);\n      action = { category, key, code };\n      set(key, action);\n    }\n  });\n\n  const handleChecked = useMemoizedFn((key, checked) => {\n    if (checked) {\n      if (activeKey !== key) {\n        setActiveKey(key);\n      }\n      const code =\n        event.func ||\n        (category === 'custom'\n          ? defaultCode\n          : `${defaultCode.slice(0, -1)}\\n\\treturn ${_DEFAULT_JSON_CODE_} \\n}`);\n      set(key, { category, key, code });\n    } else {\n      if (activeKey === key) {\n        setActiveKey(void 0);\n      }\n      remove(key);\n    }\n  });\n\n  const handleClose = useMemoizedFn(() => {\n    onClose();\n    reset();\n    setCategory('page-action');\n    setActiveKey(void 0);\n    setSearchValue(void 0);\n  });\n\n  const handleComfirm = useMemoizedFn(() => {\n    onComfirm(Array.from(actionPool), event);\n    handleClose();\n  });\n\n  return (\n    <Modal\n      className={styles['lc-painter-panel-action-bind-modal']}\n      bodyStyle={{ marginTop: 0, padding: '4px 24px' }}\n      title={`${event?.name}(${nodeId})`}\n      visible={!!event}\n      width=\"70vw\"\n      closable={false}\n      maskClosable={false}\n      getContainer={() => document.getElementById('lc-design-workspace')}\n      onCancel={handleClose}\n      onOk={handleComfirm}\n    >\n      <div className={styles['lc-painter-panel-action-bind-modal-body']}>\n        <div className={styles['lc-painter-panel-action-bind-modal-body-left']}>\n          <p>{formatMessage({ id: `${_I18N_PREFIX_}.bind`, label: '绑定动作' })}</p>\n          <div className={styles['selector-box']}>\n            <ul className={classNames(styles['selector-box-ul'], styles['action-category'])}>\n              {_ACTION_CATEGORY_.map(({ key, label }) => (\n                <li\n                  key={key}\n                  className={classNames({ [styles.active]: key === category })}\n                  onClick={() => {\n                    setCategory(key);\n                    if ('custom' === key) {\n                      const _activeKey = 'coding';\n                      setActiveKey(_activeKey);\n                      if (!actionPool.has(_activeKey)) {\n                        set(_activeKey, {\n                          category: key,\n                          key: _activeKey,\n                          code: event.func || defaultCode,\n                        });\n                      }\n                    } else {\n                      setActiveKey(void 0);\n                    }\n                  }}\n                >\n                  {label}\n                  {key === category && <Icon type=\"check\" className={styles['check-icon']} />}\n                </li>\n              ))}\n            </ul>\n            <div className={styles['selecter-items-box']}>\n              {category !== 'custom' && (\n                <div style={{ height: 42, display: 'flex', justifyContent: 'center' }}>\n                  <Input.Search\n                    placeholder={formatMessage({ id: `${_I18N_PREFIX_}.search`, label: '搜索' })}\n                    size=\"small\"\n                    onChange={(e) => setSearchValue(e.target.value)}\n                    style={{ width: 170, alignSelf: 'center' }}\n                  />\n                </div>\n              )}\n              <ul className={classNames(styles['selector-box-ul'], styles['selecter-items'])}>\n                {options\n                  .filter(\n                    ({ key, label }) =>\n                      !searchValue ||\n                      `${key} ${label}`.toLowerCase().includes(searchValue.toLowerCase()),\n                  )\n                  .map(({ key, label }) => (\n                    <li\n                      key={key}\n                      className={classNames({ [styles.active]: key === activeKey })}\n                      onClick={() => handleOptionClick(key)}\n                    >\n                      <Checkbox\n                        checked={actionPool.has(key)}\n                        style={{ marginRight: 4 }}\n                        onChange={(e) => handleChecked(key, e.target.checked)}\n                        onClick={(e) => e.stopPropagation()}\n                      />\n                      {label}\n                    </li>\n                  ))}\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div className={styles['lc-painter-panel-action-bind-modal-body-right']}>\n          {category === 'page-action' && (\n            <>\n              <p>\n                {formatMessage({ id: `${_I18N_PREFIX_}.params`, label: '配置参数' })}\n                <Tooltip\n                  title={formatMessage({\n                    id: `${_I18N_PREFIX_}.params.info`,\n                    label: '请勿随意修改配置参数结构和参数名称，参数异常可能会导致请求失败',\n                  })}\n                  getPopupContainer={() => document.getElementById('lc-design-workspace')}\n                >\n                  <Icon style={{ marginLeft: 4 }} type=\"exclamation-circle\" />\n                </Tooltip>\n              </p>\n              <div className={styles['code-box']}>\n                {activeKey ? (\n                  <JSEditor ref={editorRef} onChange={handleEditorValueChange} />\n                ) : (\n                  formatMessage({\n                    id: `${_I18N_PREFIX_}.noActionSelected`,\n                    label: '请在右侧选择行为项',\n                  })\n                )}\n              </div>\n            </>\n          )}\n          {category === 'custom' && (\n            <>\n              <p>{formatMessage({ id: `${_I18N_PREFIX_}.coding`, label: '动作编写' })}</p>\n              <div className={styles['code-box']}>\n                {activeKey ? (\n                  <JSEditor\n                    ref={editorRef}\n                    keywords={keywords}\n                    onChange={handleEditorValueChange}\n                  />\n                ) : (\n                  formatMessage({\n                    id: `${_I18N_PREFIX_}.noActionSelected`,\n                    label: '请在右侧选择行为项',\n                  })\n                )}\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </Modal>\n  );\n};\n\nexport default ActionBindModal;\n"],"mappings":"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"}

package/es/lowcode/painter/components/AdvancePanel.js

@@ -221,4 +221,5 @@ var AdvancePanel = function AdvancePanel(_ref) {
     }
   }));
 };
-export default AdvancePanel;
+export default AdvancePanel;
+//# sourceMappingURL=AdvancePanel.js.map

package/es/lowcode/painter/components/AdvancePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","useCallback","useCreation","useMemoizedFn","Menu","Dropdown","Button","Tooltip","Icon","Switch","styled","isNil","keyBy","keys","omit","reduce","useGet","formatMessage","Collapse","PopConfirm","FullScreenEditor","JSEditor","ActionBindModal","LC_BUILDIN_UNIT_KEY_LIST","_I18N_PREFIX_","EventItem","div","withConfig","displayName","componentId","_DEFAULT_FUNC_","AdvancePanel","_ref","_value$render","_value$render2","meta","nodeId","target","onChange","value","id","path","ancestorId","concat","keyPath","editorRef","_useState","events","_useState2","_slicedToArray","setEvents","_useState3","_useState4","event","setEvent","metaMap","_meta$advance","advance","_useState5","render","code","_useState6","editorValue","setEditorValue","handleEventClick","e","payload","item","props","_objectSpread","actionPool","handleDeleteEvent","ek","_ref2","rest","_objectWithoutProperties","_excluded","_events","handleComfirm","_ref3","_excluded2","_defineProperty","key","handleRenderComfirm","val","current","editor","getValue","_ref4","_excluded3","handleRenderChange","checked","_ref5","_excluded4","handleEditorLayoutChange","eventsMenu","_meta$advance2","createElement","onClick","style","fontSize","ret","_value$events","push","Item","title","desc","name","placement","getPopupContainer","document","getElementById","width","group","includes","field","label","bodyStyle","padding","suppressIcon","extraRender","ref","EditorComponent","onLayoutChange","height","showBtn","onConfirm","type","map","overlay","size","block","onComfirm","onClose"],"sources":["../../../../luckda/lowcode/painter/components/AdvancePanel.jsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from 'react';\nimport { useCreation, useMemoizedFn } from 'ahooks';\nimport { Menu, Dropdown, Button, Tooltip, Icon, Switch } from 'luck-design/antd';\nimport styled from 'styled-components';\nimport { isNil, keyBy, keys, omit, reduce } from 'lodash';\nimport { useGet } from '../../engine/provider/ContextProvider';\nimport { formatMessage } from '@luck-design-biz/base/utils';\nimport Collapse from './Collapse';\nimport PopConfirm from './PopConfirm';\nimport FullScreenEditor from './code-editor/FullScreenEditor';\nimport JSEditor from './code-editor/JSEditor';\nimport ActionBindModal from './ActionBindModal';\nimport { LC_BUILDIN_UNIT_KEY_LIST } from '../../constants';\n\nconst _I18N_PREFIX_ = 'luckda.lowcode.painter.advancePanel';\n\nconst EventItem = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 8px;\n  border: 1px solid #e5e6e8;\n  border-radius: 6px;\n  margin-bottom: 6px;\n  font-size: 12px;\n  i {\n    color: rgba(0, 0, 0, 0.4);\n    cursor: pointer;\n  }\n  i:not(:last-child) {\n    margin-right: 6px;\n  }\n`;\n\nconst _DEFAULT_FUNC_ = 'function isTrue() {\\n return true; \\n}';\n\nconst AdvancePanel = ({ meta, nodeId, target, onChange }) => {\n  const value = useGet(\n    isNil(target)\n      ? { id: nodeId, path: 'props.advance' }\n      : { id: target.ancestorId, path: `props.${target.keyPath}.advance` },\n  );\n  const editorRef = useRef();\n  const [events, setEvents] = useState(value?.events || {});\n  const [event, setEvent] = useState(null);\n  const metaMap = useCreation(() => keyBy(meta?.advance?.events || [], 'key'), [meta]);\n\n  const [editorValue, setEditorValue] = useState(value?.render?.code || _DEFAULT_FUNC_);\n\n  const handleEventClick = useMemoizedFn((e) => {\n    const { payload } = e.item.props;\n    setEvent({ ...payload, actionPool: null });\n  });\n\n  const handleDeleteEvent = useMemoizedFn((ek) => {\n    const { events, ...rest } = value || {};\n    const _events = omit(events, [ek]);\n    setEvents(_events);\n    onChange({ ...rest, events: _events });\n  });\n\n  const handleComfirm = useMemoizedFn((actionPool) => {\n    const { events, ...rest } = value || {};\n    const _events = { ...events, [event.key]: actionPool };\n    setEvents(_events);\n    onChange({ ...rest, events: _events });\n  });\n\n  const handleRenderComfirm = useMemoizedFn(() => {\n    const val = editorRef.current.editor.getValue();\n    const { render, ...rest } = value || {};\n    onChange({ ...rest, render: { value: isNil(render?.value) ? true : render.value, code: val } });\n  });\n\n  const handleRenderChange = useMemoizedFn((checked) => {\n    const { render, ...rest } = value || {};\n    onChange({ ...rest, render: { value: checked, code: render?.code } });\n  });\n\n  const handleEditorLayoutChange = (code) => {\n    setEditorValue(code);\n  };\n\n  const eventsMenu = useCreation(\n    () => (\n      <Menu onClick={handleEventClick} style={{ fontSize: 12 }}>\n        {reduce(\n          meta.advance?.events,\n          (ret, event) => {\n            if (!value?.events?.[event.key]) {\n              ret.push(\n                <Menu.Item key={event.key} payload={event}>\n                  <Tooltip\n                    title={event.desc || event.name}\n                    placement=\"left\"\n                    getPopupContainer={() => document.getElementById('lc-design-workspace')}\n                  >\n                    <div style={{ width: '100%', fontSize: 12 }}>{event.name}</div>\n                  </Tooltip>\n                </Menu.Item>,\n              );\n            }\n            return ret;\n          },\n          [],\n        )}\n      </Menu>\n    ),\n    [value],\n  );\n\n  return (\n    <div>\n      {meta.group !== 'field' && !LC_BUILDIN_UNIT_KEY_LIST.includes(nodeId) && (\n        <Collapse\n          field=\"render\"\n          label={formatMessage({ id: `${_I18N_PREFIX_}.render`, label: '是否渲染' })}\n          bodyStyle={{ padding: '12px 16px' }}\n          suppressIcon\n          extraRender={() => (\n            <PopConfirm\n              placement=\"left\"\n              title={\n                <FullScreenEditor\n                  ref={editorRef}\n                  EditorComponent={JSEditor}\n                  onLayoutChange={handleEditorLayoutChange}\n                  width=\"600px\"\n                  height=\"400px\"\n                >\n                  {editorValue}\n                </FullScreenEditor>\n              }\n              showBtn\n              onConfirm={handleRenderComfirm}\n            >\n              <Icon type=\"code\" />\n            </PopConfirm>\n          )}\n        >\n          <Switch\n            checked={isNil(value?.render?.value) ? true : value.render.value}\n            onChange={handleRenderChange}\n          />\n        </Collapse>\n      )}\n      <Collapse\n        field=\"events\"\n        label={formatMessage({ id: `${_I18N_PREFIX_}.events`, label: '事件' })}\n        bodyStyle={{ padding: '12px 16px' }}\n      >\n        {keys(events).map((ek) => (\n          <EventItem key={ek}>\n            <span>{metaMap[ek].name}</span>\n            <div>\n              <Tooltip title={formatMessage({ id: 'luckda.lowcode.painter.edit', label: '编辑' })}>\n                <Icon\n                  type=\"edit\"\n                  onClick={() => setEvent({ ...metaMap[ek], actionPool: events[ek] })}\n                />\n              </Tooltip>\n              <Tooltip\n                title={formatMessage({ id: 'luckda.lowcode.painter.delete', label: '删除' })}\n              >\n                <Icon type=\"delete\" onClick={() => handleDeleteEvent(ek)} />\n              </Tooltip>\n            </div>\n          </EventItem>\n        ))}\n        <Dropdown\n          overlay={eventsMenu}\n          placement=\"bottomCenter\"\n          getPopupContainer={() => document.getElementById('lc-design-workspace')}\n        >\n          <Button size=\"small\" block>\n            {formatMessage({ id: `${_I18N_PREFIX_}.addEventAction`, label: '添加事件动作' })}\n          </Button>\n        </Dropdown>\n      </Collapse>\n      <ActionBindModal\n        nodeId={nodeId}\n        event={event}\n        onComfirm={handleComfirm}\n        onClose={() => setEvent(null)}\n      />\n    </div>\n  );\n};\n\nexport default AdvancePanel;\n"],"mappings":"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"}

package/es/lowcode/painter/components/AttrsPanel.js

@@ -157,4 +157,5 @@ var AttrsPanel = function AttrsPanel(_ref) {
     className: styles['lc-painter-panel-attrs-next-body']
   }, (_nextRef$current3 = nextRef.current) === null || _nextRef$current3 === void 0 ? void 0 : _nextRef$current3.NextComp))));
 };
-export default AttrsPanel;
+export default AttrsPanel;
+//# sourceMappingURL=AttrsPanel.js.map

package/es/lowcode/painter/components/AttrsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","useBoolean","useCreation","useMemoizedFn","Drawer","Icon","classNames","startsWith","isNil","get","useGet","PanelItemFactory","PanelItem","Collapse","styles","AttrsPanel","_ref","_nextRef$current2","_nextRef$current3","meta","nodeId","ancestorId","onChange","compMap","nextRef","factory","_useBoolean","_useBoolean2","_slicedToArray","open","_useBoolean2$","setTrue","setFalse","node","id","path","handleChange","field","val","_ref2","_nextRef$current","repositioning","before","current","autoClose","goNext","_next","dynamicProps","name","NextComp","renderPanelItems","props","items","map","_ref3","type","key","valueKey","desc","defaultValue","default","wrapper","wrapperProps","next","rest","_objectWithoutProperties","_excluded","getPanelItemFor","Comp","_valueKey","createElement","label","_dp","defaultCollapsed","_originalVal","comp","_extends","size","settings","Wrapper","PropsComps","Fragment","className","_defineProperty","hidden","showNext","visible","width","mask","closable","getContainer","destroyOnClose","style","position","transform","bodyStyle","padding","height","onClick"],"sources":["../../../../luckda/lowcode/painter/components/AttrsPanel.jsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { useBoolean, useCreation, useMemoizedFn } from 'ahooks';\nimport { Drawer, Icon } from 'luck-design/antd';\nimport classNames from 'classnames';\nimport { startsWith, isNil, get } from 'lodash';\nimport { useGet } from '../../engine/provider/ContextProvider';\nimport PanelItemFactory from '../../engine/factory/panel-item-factory';\nimport PanelItem from './PanelItem';\nimport Collapse from './Collapse';\nimport styles from '../style/panel-attrs.less';\n\nconst AttrsPanel = ({ meta, nodeId, ancestorId, onChange }) => {\n  const compMap = useRef({});\n  const nextRef = useRef(null);\n  const factory = useRef(new PanelItemFactory());\n  const [open, { setTrue, setFalse }] = useBoolean(false);\n\n  const node = useGet({\n    id: isNil(ancestorId) ? nodeId : ancestorId,\n    path: 'props',\n  });\n\n  const handleChange = useMemoizedFn((field, val, { repositioning, before }) => {\n    onChange(field, val, { repositioning, before });\n    if (nextRef.current?.autoClose) {\n      setFalse();\n    }\n  });\n\n  const goNext = useMemoizedFn((_next, dynamicProps) => {\n    if (!_next) return;\n    nextRef.current = {\n      name: _next.name,\n      autoClose: _next.autoClose,\n      NextComp: renderPanelItems(_next.props, dynamicProps),\n    };\n    setTrue();\n  });\n\n  const renderPanelItems = useMemoizedFn((items, dynamicProps) =>\n    items.map(\n      ({\n        type,\n        key,\n        valueKey,\n        name,\n        desc,\n        default: defaultValue,\n        props,\n        wrapper,\n        wrapperProps,\n        next,\n        repositioning,\n        ...rest\n      }) => {\n        if (!compMap.current[type]) {\n          compMap.current[type] = factory.current.getPanelItemFor(\n            startsWith(type, '_') ? 'dynamic' : type,\n            type,\n          );\n        }\n        const Comp = compMap.current[type];\n        const _valueKey = dynamicProps?.valueKey || valueKey;\n        if (type === 'group') {\n          return (\n            <Comp\n              nodeId={nodeId}\n              key={key}\n              field={key}\n              label={name}\n              next={next ? (_dp) => goNext(next, _dp) : null}\n              defaultCollapsed={defaultValue}\n              desc={desc}\n            >\n              {renderPanelItems(props || [], dynamicProps)}\n            </Comp>\n          );\n        }\n        const _originalVal = get(node, _valueKey || key);\n        const comp = Comp && (\n          <Comp\n            nodeId={nodeId}\n            key={key}\n            defaultValue={isNil(_originalVal) ? defaultValue : _originalVal}\n            next={next?.props ? (_dp) => goNext(next, _dp) : null}\n            onChange={(val, before) =>\n              handleChange(_valueKey || key, val, { repositioning, before })\n            }\n            size=\"small\"\n            settings={node}\n            renderPanelItems={renderPanelItems}\n            {...rest}\n            {...dynamicProps}\n          />\n        );\n        if (wrapper === 'hidden') return comp;\n        const Wrapper = wrapper === 'collapse' ? Collapse : PanelItem;\n        return (\n          <Wrapper key={key} nodeId={nodeId} field={key} label={name} desc={desc} {...wrapperProps}>\n            {comp}\n          </Wrapper>\n        );\n      },\n    ),\n  );\n\n  const PropsComps = useCreation(() => {\n    setFalse();\n    if (!meta) {\n      return <></>;\n    }\n    return renderPanelItems(meta.props);\n  }, [nodeId]);\n\n  useEffect(() => {\n    if (!open) {\n      nextRef.current = null;\n    }\n  }, [open]);\n\n  return (\n    <div\n      id=\"lc-painter-panel-attrs-container\"\n      className={classNames(styles['lc-painter-panel-attrs'], {\n        [styles.hidden]: !nodeId,\n        [styles.showNext]: open,\n      })}\n    >\n      {PropsComps}\n      <Drawer\n        visible={open}\n        width={320}\n        mask={false}\n        closable={false}\n        getContainer={false}\n        destroyOnClose\n        style={{ position: 'absolute', transform: 'none' }}\n        bodyStyle={{ padding: 0, height: '100%' }}\n      >\n        <div className={styles['lc-painter-panel-attrs-next']}>\n          <div className={styles['lc-painter-panel-attrs-next-header']} onClick={setFalse}>\n            <Icon type=\"left\" />\n            {nextRef.current?.name}\n            <Icon type=\"close\" />\n          </div>\n          <div className={styles['lc-painter-panel-attrs-next-body']}>\n            {nextRef.current?.NextComp}\n          </div>\n        </div>\n      </Drawer>\n    </div>\n  );\n};\n\nexport default AttrsPanel;\n"],"mappings":"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"}

package/es/lowcode/painter/components/Collapse.js

@@ -101,4 +101,5 @@ export default function (_ref) {
       display: collapsed ? 'none' : 'block'
     })
   }, children));
-}
+}
+//# sourceMappingURL=Collapse.js.map

package/es/lowcode/painter/components/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemoizedFn","useCreation","styles","Icon","Tooltip","_ref","children","field","label","desc","_ref$defaultCollapsed","defaultCollapsed","next","suppressIcon","extraRender","style","bodyStyle","_useState","_useState2","_slicedToArray","collapsed","setCollapsed","handleClick","tip","str","concat","createElement","className","onClick","overlayStyle","fontSize","title","getPopupContainer","document","getElementById","cursor","e","stopPropagation","type","_objectSpread","display"],"sources":["../../../../luckda/lowcode/painter/components/Collapse.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useMemoizedFn, useCreation } from 'ahooks';\nimport styles from '../style/collapse.less';\nimport { Icon, Tooltip } from 'luck-design/antd';\n\n/**\n * Collapse 组件是一个可折叠区域的实现，用于显示或隐藏内容。它支持自定义标签、描述以及默认的折叠状态。\n * 该组件还可以通过 `next` 函数来自定义点击操作，而不是简单地切换折叠状态。\n * 提供的工具提示可以显示额外信息，如字段名和描述，以帮助用户更好地理解折叠内容的作用。\n *\n * @component\n * @example\n * <Collapse\n *   field=\"exampleField\"\n *   label=\"示例标签\"\n *   desc=\"这是一个用于演示的折叠组件\"\n *   defaultCollapsed={true}\n *   next={() => console.log('Custom next function executed')}\n * >\n *   <p>这里是可折叠的内容</p>\n * </Collapse>\n *\n * @param {Object} props - 组件的属性。\n * @param {React.ReactNode} children - 折叠区域展开时显示的内容。\n * @param {string} [props.field] - 与折叠内容相关联的字段名。\n * @param {string} props.label - 折叠区域的标签名称。\n * @param {string} [props.desc] - 关于折叠内容的描述信息。\n * @param {boolean} [props.defaultCollapsed=false] - 折叠区域的默认状态。如果为 true，则默认为折叠状态。\n * @param {Function} [props.next] - 点击操作的自定义函数。如果提供，点击时将执行此函数，而不是切换折叠状态。\n *\n * @returns {ReactElement} 返回一个 React 元素，表示一个具有可折叠功能的容器。\n */\nexport default function ({\n  children,\n  field,\n  label,\n  desc,\n  defaultCollapsed = false,\n  next,\n  suppressIcon,\n  extraRender,\n  style,\n  bodyStyle,\n}) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n  const handleClick = useMemoizedFn(() => {\n    if (next) {\n      next();\n    } else {\n      setCollapsed(!collapsed);\n    }\n  });\n\n  const tip = useCreation(() => {\n    let str = void 0;\n    if (field) {\n      str = `属性：${field}`;\n    }\n    if (desc) {\n      str = `${str ? `${str} | ` : ''}说明：${desc}`;\n    }\n    return str;\n  }, [field, desc]);\n\n  return (\n    <div className={styles['lc-painter-components-collapse']} style={style}>\n      <div className={styles['head']} onClick={handleClick}>\n        <Tooltip\n          overlayStyle={{ fontSize: '12px' }}\n          title={tip}\n          getPopupContainer={() => document.getElementById('lc-design-workspace')}\n        >\n          <span className={styles['label']} style={{ cursor: desc ? 'help' : 'default' }}>\n            {label}\n          </span>\n        </Tooltip>\n        <div>\n          {extraRender && (\n            <div className={styles['extra']} onClick={(e) => e.stopPropagation()}>\n              {extraRender()}\n            </div>\n          )}\n          {!suppressIcon && (\n            <span className={styles['action']}>\n              {next ? <Icon type=\"right\" /> : <Icon type={collapsed ? 'down' : 'up'} />}\n            </span>\n          )}\n        </div>\n      </div>\n      <div\n        className={styles['body']}\n        style={{ ...bodyStyle, display: collapsed ? 'none' : 'block' }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/es/lowcode/painter/components/ColorInput.js

@@ -124,4 +124,5 @@ function fromRGBA(rgbaString) {
 
   // 如果不符合上述任何一种情况，返回 null
   return null;
-}
+}
+//# sourceMappingURL=ColorInput.js.map

package/es/lowcode/painter/components/ColorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","useUpdateEffect","PopConfirm","Input","styles","SketchPicker","ColorInput","_ref","ref","value","onChange","wrapperStyle","rest","_objectWithoutProperties","_excluded","_useState","fromRGBA","_useState2","_slicedToArray","color","setColor","handleChange","changeColor","rgb","handleInputChange","e","target","toRGBA","rgbaColor","createElement","className","style","placement","title","_extends","size","placeholder","backgroundColor","colorObj","_typeof","concat","r","g","b","a","startsWith","rgbaString","rgbaPattern","match","parseInt","parseFloat"],"sources":["../../../../luckda/lowcode/painter/components/ColorInput.jsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { useUpdateEffect } from 'ahooks';\nimport PopConfirm from './PopConfirm';\nimport { Input } from 'luck-design/antd';\nimport styles from '../style/color-input.less';\nimport { SketchPicker } from 'react-color';\n\n/**\n * ColorInput 组件是一个集成颜色选择器的输入框组件，允许用户以 RGBA 或十六进制格式输入颜色值。\n * 组件内部通过 PopConfirm 弹出一个 SketchPicker 颜色选择器，以提供一个直观的颜色选择界面。\n * 用户输入的颜色值在内部转换为适当的格式，并通过 onChange 回调暴露给外部使用。\n * 此组件还支持通过传入的 value 属性初始化颜色值，并响应其后续更改。\n *\n * @component\n * @example\n * const handleColorChange = (newColor) => {\n *   console.log('Selected color:', newColor);\n * };\n * <ColorInput\n *   value=\"rgba(255, 0, 0, 0.5)\"\n *   onChange={handleColorChange}\n *   wrapperStyle={{ margin: '20px' }}\n * />\n *\n * @param {Object} props - 组件的属性。\n * @param {string} props.value - 初始化颜色值，支持 RGBA 字符串或十六进制格式。\n * @param {Function} props.onChange - 当颜色值变更时触发的回调函数。传递新的颜色值作为参数。\n * @param {Object} [props.wrapperStyle] - 自定义包装器 div 的样式对象。\n * @param {Object} rest - 传递给 Input 组件的其他属性。\n *\n * @returns {ReactElement} 返回一个 React 元素，表示一个带有颜色选择器的输入框组件。\n */\nconst ColorInput = forwardRef(({ value, onChange, wrapperStyle, ...rest }, ref) => {\n  const [color, setColor] = useState(fromRGBA(value));\n\n  const handleChange = (color) => {\n    changeColor(color.rgb);\n  };\n\n  const handleInputChange = (e) => {\n    changeColor(e.target.value);\n  };\n\n  const changeColor = (value) => {\n    if (onChange) onChange(toRGBA(value));\n    setColor(value);\n  };\n\n  useUpdateEffect(() => {\n    setColor(fromRGBA(value));\n  }, [value]);\n\n  const rgbaColor = toRGBA(color);\n\n  return (\n    <div className={styles['lc-painter-components-color-input']} style={wrapperStyle}>\n      <PopConfirm\n        placement=\"top\"\n        title={<SketchPicker color={color ?? '#ffffff'} onChange={handleChange} />}\n      >\n        <div className={styles['color-input-wrap']}>\n          <Input\n            ref={ref}\n            onChange={handleInputChange}\n            className={styles['color-input']}\n            value={rgbaColor}\n            size=\"small\"\n            placeholder=\"rgba(0,0,0,0)\"\n            {...rest}\n          />\n          <div className=\"color-display\" style={{ backgroundColor: rgbaColor }}></div>\n        </div>\n      </PopConfirm>\n    </div>\n  );\n});\n\nexport default ColorInput;\n\nfunction toRGBA(colorObj) {\n  // 首先检查 colorObj 是否为 null 或 undefined\n  if (colorObj === null || typeof colorObj === 'undefined') {\n    return null;\n  }\n\n  // 检查是否为对象且包含 r, g, b, a 属性\n  if (\n    typeof colorObj === 'object' &&\n    'r' in colorObj &&\n    'g' in colorObj &&\n    'b' in colorObj &&\n    'a' in colorObj\n  ) {\n    return `rgba(${colorObj.r}, ${colorObj.g}, ${colorObj.b}, ${colorObj.a})`;\n  } else if (typeof colorObj === 'string' && colorObj.startsWith('#')) {\n    // 如果是以#号开头的字符串，则直接返回该字符串\n    return colorObj;\n  }\n\n  // 如果不符合上述任何一种情况，返回一个空字符串\n  return null;\n}\n\nfunction fromRGBA(rgbaString) {\n  if (rgbaString === null || typeof rgbaString === 'undefined') {\n    return null;\n  }\n\n  // 检查输入是否是有效的 rgba 字符串\n  const rgbaPattern = /rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*(\\d*\\.?\\d+)\\)/;\n  const match = rgbaString.match(rgbaPattern);\n\n  if (match) {\n    // 如果匹配成功，则提取 rgba 值\n    return {\n      r: parseInt(match[1], 10),\n      g: parseInt(match[2], 10),\n      b: parseInt(match[3], 10),\n      a: parseFloat(match[4]),\n    };\n  } else if (typeof rgbaString === 'string' && rgbaString.startsWith('#')) {\n    // 对于十六进制颜色字符串，直接返回原始字符串\n    return rgbaString;\n  }\n\n  // 如果不符合上述任何一种情况，返回 null\n  return null;\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,eAAe,QAAQ,QAAQ;AACxC,OAAOC,UAAU;AACjB,SAASC,KAAK,QAAQ,kBAAkB;AACxC,OAAOC,MAAM;AACb,SAASC,YAAY,QAAQ,aAAa;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAAU,gBAAGP,UAAU,CAAC,UAAAQ,IAAA,EAA6CC,GAAG,EAAK;EAAA,IAAlDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAKC,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACrE,IAAAC,SAAA,GAA0Bf,QAAQ,CAACgB,QAAQ,CAACP,KAAK,CAAC,CAAC;IAAAQ,UAAA,GAAAC,cAAA,CAAAH,SAAA;IAA5CI,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;EAEtB,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAIF,KAAK,EAAK;IAC9BG,WAAW,CAACH,KAAK,CAACI,GAAG,CAAC;EACxB,CAAC;EAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,CAAC,EAAK;IAC/BH,WAAW,CAACG,CAAC,CAACC,MAAM,CAACjB,KAAK,CAAC;EAC7B,CAAC;EAED,IAAMa,WAAW,GAAG,SAAdA,WAAWA,CAAIb,KAAK,EAAK;IAC7B,IAAIC,QAAQ,EAAEA,QAAQ,CAACiB,MAAM,CAAClB,KAAK,CAAC,CAAC;IACrCW,QAAQ,CAACX,KAAK,CAAC;EACjB,CAAC;EAEDR,eAAe,CAAC,YAAM;IACpBmB,QAAQ,CAACJ,QAAQ,CAACP,KAAK,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAMmB,SAAS,GAAGD,MAAM,CAACR,KAAK,CAAC;EAE/B,oBACErB,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAE1B,MAAM,CAAC,mCAAmC,CAAE;IAAC2B,KAAK,EAAEpB;EAAa,gBAC/Eb,KAAA,CAAA+B,aAAA,CAAC3B,UAAU;IACT8B,SAAS,EAAC,KAAK;IACfC,KAAK,eAAEnC,KAAA,CAAA+B,aAAA,CAACxB,YAAY;MAACc,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,SAAU;MAACT,QAAQ,EAAEW;IAAa,CAAE;EAAE,gBAE3EvB,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAE1B,MAAM,CAAC,kBAAkB;EAAE,gBACzCN,KAAA,CAAA+B,aAAA,CAAC1B,KAAK,EAAA+B,QAAA;IACJ1B,GAAG,EAAEA,GAAI;IACTE,QAAQ,EAAEc,iBAAkB;IAC5BM,SAAS,EAAE1B,MAAM,CAAC,aAAa,CAAE;IACjCK,KAAK,EAAEmB,SAAU;IACjBO,IAAI,EAAC,OAAO;IACZC,WAAW,EAAC;EAAe,GACvBxB,IAAI,CACT,CAAC,eACFd,KAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC,eAAe;IAACC,KAAK,EAAE;MAAEM,eAAe,EAAET;IAAU;EAAE,CAAM,CACxE,CACK,CACT,CAAC;AAEV,CAAC,CAAC;AAEF,eAAetB,UAAU;AAEzB,SAASqB,MAAMA,CAACW,QAAQ,EAAE;EACxB;EACA,IAAIA,QAAQ,KAAK,IAAI,IAAI,OAAOA,QAAQ,KAAK,WAAW,EAAE;IACxD,OAAO,IAAI;EACb;;EAEA;EACA,IACEC,OAAA,CAAOD,QAAQ,MAAK,QAAQ,IAC5B,GAAG,IAAIA,QAAQ,IACf,GAAG,IAAIA,QAAQ,IACf,GAAG,IAAIA,QAAQ,IACf,GAAG,IAAIA,QAAQ,EACf;IACA,eAAAE,MAAA,CAAeF,QAAQ,CAACG,CAAC,QAAAD,MAAA,CAAKF,QAAQ,CAACI,CAAC,QAAAF,MAAA,CAAKF,QAAQ,CAACK,CAAC,QAAAH,MAAA,CAAKF,QAAQ,CAACM,CAAC;EACxE,CAAC,MAAM,IAAI,OAAON,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,CAACO,UAAU,CAAC,GAAG,CAAC,EAAE;IACnE;IACA,OAAOP,QAAQ;EACjB;;EAEA;EACA,OAAO,IAAI;AACb;AAEA,SAAStB,QAAQA,CAAC8B,UAAU,EAAE;EAC5B,IAAIA,UAAU,KAAK,IAAI,IAAI,OAAOA,UAAU,KAAK,WAAW,EAAE;IAC5D,OAAO,IAAI;EACb;;EAEA;EACA,IAAMC,WAAW,GAAG,gDAAgD;EACpE,IAAMC,KAAK,GAAGF,UAAU,CAACE,KAAK,CAACD,WAAW,CAAC;EAE3C,IAAIC,KAAK,EAAE;IACT;IACA,OAAO;MACLP,CAAC,EAAEQ,QAAQ,CAACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;MACzBN,CAAC,EAAEO,QAAQ,CAACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;MACzBL,CAAC,EAAEM,QAAQ,CAACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;MACzBJ,CAAC,EAAEM,UAAU,CAACF,KAAK,CAAC,CAAC,CAAC;IACxB,CAAC;EACH,CAAC,MAAM,IAAI,OAAOF,UAAU,KAAK,QAAQ,IAAIA,UAAU,CAACD,UAAU,CAAC,GAAG,CAAC,EAAE;IACvE;IACA,OAAOC,UAAU;EACnB;;EAEA;EACA,OAAO,IAAI;AACb"}

package/es/lowcode/painter/components/DragDrop/DragDropContext.js

@@ -248,4 +248,5 @@ function getAction(type, overComponentName, activeRect, overRect, dropNode, drop
     }
   }
   return action;
-}
+}
+//# sourceMappingURL=DragDropContext.js.map

package/es/lowcode/painter/components/DragDrop/DragDropContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useCallback","DndContext","DragOverlay","useSensor","MouseSensor","useSensors","Overlay","CONTAINER_UNITS","useContext","moveNode","isNil","suid","SIDE_DiSTANCE","SIDE_DiSTANCE_TREENODE","Action","_createClass","_classCallCheck","_defineProperty","ActionSide","_ref","_active$component","children","ctx","event_drag","$subscriber","topics","COMPONENT_DRAG_END","on","_ref2","id","fromId","fromComp","action","actionSide","vaild","COMPONENT_ACTIVE","once","compName","component","toLowerCase","json","require","concat","$publisher","COMPONENT_SETTING_CLICK","data","watch","target","$unsubscriber","_useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","noDrag","setNoDrag","handleDragStart","event","current","handleDragEnd","pubEvent","handleDragMove","COMPONENT_DRAG_OVER","mouseSensor","activationConstraint","distance","sensors","eventName","over","dropperId","dropNodeData","$","api","getSelfAndParentData","dropNode","node","dropParentNode","parent","getAction","type","rect","translated","draggerId","dragNodeData","dragNode","dragParentNode","props","findParent","buildIn","parentId","INSIDE","createElement","Fragment","onDragStart","onDragEnd","onDragMove","style","zIndex","dropAnimation","name","parentid","nodeData","componentMap","get","isContainerUnit","includes","overComponentName","activeRect","overRect","dropNodeParent","parentIsContainer","Math","abs","left","LEFT","right","RIGHT","width","top","bottom","height"],"sources":["../../../../../luckda/lowcode/painter/components/DragDrop/DragDropContext.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { DndContext, DragOverlay, useSensor, MouseSensor, useSensors } from '@dnd-kit/core';\nimport Overlay from './Overlay';\nimport { CONTAINER_UNITS } from '../../../constants';\nimport { useContext, moveNode } from '../../../engine/provider/ContextProvider';\nimport { isNil } from 'lodash';\nimport { suid } from '@luck-design-biz/base/utils';\n\nconst SIDE_DiSTANCE = 20;\nconst SIDE_DiSTANCE_TREENODE = 10;\n\nexport class Action {\n  static ADD = 'add';\n  static MOVE = 'move';\n  static DELETE = 'delete';\n}\n\nexport class ActionSide {\n  static INSIDE = 'inside';\n  static LEFT = 'left';\n  static RIGHT = 'right';\n}\n\nexport default function ({ children }) {\n  const ctx = useContext();\n\n  useEffect(() => {\n    const event_drag = ctx\n      .$subscriber(ctx.topics.COMPONENT_DRAG_END)\n      .on(({ id, fromId, fromComp, action, actionSide, vaild }) => {\n        // console.log('onDargEnd', id, fromId, fromComp, action, actionSide);\n        if (vaild) {\n          switch (action) {\n            case 'move':\n              {\n                moveNode(fromId, id, actionSide);\n              }\n              break;\n            case 'add':\n              {\n                ctx\n                  .$subscriber(ctx.topics.COMPONENT_ACTIVE)\n                  .once(() => {\n                    const compName = fromComp.component.toLowerCase();\n                    const json = require(`../../../engine/meta/${compName}.props.default.json`);\n                    ctx.$publisher(ctx.topics.COMPONENT_SETTING_CLICK, { data: json });\n                  })\n                  .watch();\n                ctx.$publisher(ctx.topics.COMPONENT_ACTIVE, { target: id });\n              }\n              break;\n          }\n        }\n      }).watch();\n\n    return () => {\n      ctx.$unsubscriber(ctx.topics.COMPONENT_DRAG_END, event_drag);\n    };\n  }, []);\n\n  const [active, setActive] = useState(null);\n  const [noDrag, setNoDrag] = useState(null);\n\n  function handleDragStart(event) {\n    setActive(event.active.data.current);\n  }\n\n  function handleDragEnd(event) {\n    setActive(null);\n    setNoDrag(null);\n    pubEvent(event, ctx.topics.COMPONENT_DRAG_END, ctx);\n  }\n\n  function handleDragMove(event) {\n    pubEvent(event, ctx.topics.COMPONENT_DRAG_OVER, ctx);\n  }\n\n  const mouseSensor = useSensor(MouseSensor, {\n    // Require the mouse to move by 10 pixels before activating\n    activationConstraint: {\n      distance: 10,\n    },\n  });\n\n  const sensors = useSensors(mouseSensor);\n\n  const pubEvent = useCallback((event, eventName, ctx) => {\n    if (event.active && event.over && event.active.data.current.id !== event.over.data.current.id) {\n\n      var vaild = true;\n\n      const dropperId = event.over.data.current.id;\n      const dropNodeData = ctx.$(dropperId).api.getSelfAndParentData();\n      const dropNode = dropNodeData?.node;\n      const dropParentNode = dropNodeData?.parent;\n\n      // console.log('dropperId', dropperId)\n\n      const actionSide = getAction(\n        event.over.data.current.type,\n        event.over.data.current.component.component,\n        event.active.rect.current.translated,\n        event.over.rect,\n        dropNode,\n        dropParentNode\n      );\n\n      // console.log('actionSide', actionSide)\n\n\n      if (event.active.data.current.action === 'move') {\n        const draggerId = event.active.data.current.id;\n        // console.log('draggerId', draggerId, event.active.data.current)\n\n        const dragNodeData = ctx.$(draggerId).api.getSelfAndParentData();\n        const dragNode = dragNodeData?.node;\n        const dragParentNode = dragNodeData?.parent;\n\n        // 如果是拖拽到父容器上则不进行处理\n        if (dragParentNode && dragParentNode.props.id === event.over.data.current.id) {\n          vaild = false;\n        }\n\n        // 父结构不容许拖入子结构\n        if (findParent(ctx, dropperId, draggerId)) {\n          vaild = false;\n        }\n\n        // 如果是build类型的组件，不容许跨节点拖拽\n        if (dragNode.props.buildIn == true && (dragNode.props.parentId != dropNode.props.parentId || actionSide == ActionSide.INSIDE)) {\n          vaild = false;\n        };\n\n      }\n      else if (event.active.data.current.action === 'add') {\n        vaild = true;\n      }\n\n      if (!actionSide) {\n        vaild = false;\n      }\n\n      // console.log('vaild', vaild, actionSide)\n\n      setNoDrag(!vaild);\n\n      // console.log({\n      //   eventName,\n      //   id: event.over.data.current.id,\n      //   fromId: event.active.data.current.id,\n      //   fromComp: event.active.data.current.component,\n      //   action: event.active.data.current.action,\n      //   actionSide,\n      // });\n\n\n      ctx.$publisher(eventName, {\n        vaild,\n        id: event.over.data.current.id, // 拖拽目标组件id\n        fromId: event.active.data.current.id, // 被拖拽组件id\n        fromComp: event.active.data.current.component, // 被拖拽组件信息\n        action: event.active.data.current.action, // 行为 add move delete\n        actionSide, // 目标位置 left inside right\n      });\n\n    }\n    else {\n      setNoDrag(true);\n      ctx.$publisher(eventName, {\n        vaild: false\n      });\n    }\n  }, []);\n\n  return (\n    <>\n      <DndContext\n        sensors={sensors}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n        onDragMove={handleDragMove}\n      >\n        {children}\n        <DragOverlay style={{ zIndex: 21 }} dropAnimation={null}>\n          {active && <Overlay noDrag={noDrag}>{active?.component?.name}</Overlay>}\n        </DragOverlay>\n      </DndContext>\n    </>\n  );\n}\n\n// 查找id是否属于parentid的子层级\nfunction findParent(ctx, id, parentid) {\n  // 安全地获取节点数据\n  const nodeData = ctx.componentMap.get(id).api.getSelfAndParentData();\n  const node = nodeData?.node;  // 确保这里是 'node' 而非 'nodel'\n\n  // 检查当前节点的parentId是否为目标parentid\n  if (node && node.props.parentId === parentid) return true;\n\n  // 检查是否已经到达页面根节点\n  if (!node.props.parentId || node.props.parentId === 'page_root') return false;\n\n  // 递归调用，检查上一级父节点\n  return findParent(ctx, node.props.parentId, parentid);\n}\n\n\nfunction isContainerUnit(node) {\n  if (isNil(node)) return false;\n  return CONTAINER_UNITS.includes(node.props.component)\n}\n\nfunction getAction(type, overComponentName, activeRect, overRect, dropNode, dropParentNode) {\n  let action = null;\n\n  const dropNodeParent = dropParentNode;\n  const parentIsContainer = isContainerUnit(dropNodeParent);\n  const buildIn = dropNode.props.buildIn;\n  // console.log('buildIn', buildIn, dropNode, dropNodeParent)\n\n  if (type == 'comp') {\n    if (CONTAINER_UNITS.includes(overComponentName)) {\n      // console.log('parentIsContainer', parentIsContainer, parentNode)\n      // 如果是最小单元容器\n      if (Math.abs(activeRect.left - overRect.left) <= SIDE_DiSTANCE) {\n        if (parentIsContainer)\n          action = ActionSide.LEFT;\n      } else if (Math.abs(activeRect.left - overRect.right) <= SIDE_DiSTANCE) {\n        if (parentIsContainer)\n          action = ActionSide.RIGHT;\n      } else {\n        action = ActionSide.INSIDE;\n      }\n    } else {\n      // 独立组件\n      // console.log('pos:',activeRect.left, overRect.left)\n      if (activeRect.left <= overRect.left + overRect.width / 2) {\n        if (parentIsContainer)\n          action = ActionSide.LEFT;\n      } else if (\n        activeRect.left > overRect.left + overRect.width / 2\n      ) {\n        if (parentIsContainer)\n          action = ActionSide.RIGHT;\n      }\n    }\n  }\n  else { // 大纲树处理\n    if (CONTAINER_UNITS.includes(overComponentName)) {\n      // 如果是最小单元容器\n      if (Math.abs(activeRect.top - overRect.top) <= SIDE_DiSTANCE_TREENODE) {\n        if (parentIsContainer || buildIn)\n          action = ActionSide.LEFT;\n      } else if (Math.abs(activeRect.top - overRect.bottom) <= SIDE_DiSTANCE_TREENODE) {\n        if (parentIsContainer || buildIn)\n          action = ActionSide.RIGHT;\n      } else {\n        action = ActionSide.INSIDE;\n      }\n    } else {\n      // 独立组件\n      if (activeRect.top >= overRect.top && activeRect.top <= overRect.top + overRect.height / 2) {\n        if (parentIsContainer)\n          action = ActionSide.LEFT;\n      } else if (\n        activeRect.top > overRect.top + overRect.height / 2 &&\n        activeRect.top <= overRect.bottom\n      ) {\n        if (parentIsContainer)\n          action = ActionSide.RIGHT;\n      }\n    }\n  }\n\n  return action;\n}\n"],"mappings":"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"}

package/es/lowcode/painter/components/DragDrop/DragDropWrapper.js

@@ -70,4 +70,5 @@ export default function (_ref) {
     }
   });
   return comp;
-}
+}
+//# sourceMappingURL=DragDropWrapper.js.map

package/es/lowcode/painter/components/DragDrop/DragDropWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cloneElement","useEffect","useCreation","useDraggable","useDroppable","useDndMonitor","useContext","Action","ActionSide","NO_DRAGABLE","NO_DROPABLE","_ref","id","children","getTargetDom","ctx","itemInfo","componentMap","get","meta","_useDraggable","data","component","action","MOVE","attributes","listeners","setDragRef","setNodeRef","_useDroppable","type","setDropRef","_memoListeners","dom","includes","comp","_objectSpread","props","event_drag","$subscriber","topics","COMPONENT_DRAG_OVER","on","_ref2","itemId","actionSide","INSIDE","$publisher","COMPONENT_HOVER","target","LEFT","RIGHT","side","watch","$unsubscriber","onDragEnd"],"sources":["../../../../../luckda/lowcode/painter/components/DragDrop/DragDropWrapper.jsx"],"sourcesContent":["import { cloneElement, useEffect } from 'react';\nimport { useCreation } from 'ahooks';\nimport { useDraggable, useDroppable, useDndMonitor } from '@dnd-kit/core';\nimport { useContext } from '../../../engine/provider/ContextProvider';\nimport { Action, ActionSide } from './DragDropContext';\nimport { NO_DRAGABLE, NO_DROPABLE } from '../../../constants';\n\nexport default function ({ id, children, getTargetDom }) {\n  const ctx = useContext();\n\n  const itemInfo = useCreation(() => ctx.componentMap.get(id).meta, [id]);\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDragRef,\n  } = useDraggable({\n    id: 'draggable-' + id,\n    data: {\n      id,\n      component: itemInfo,\n      action: Action.MOVE,\n    },\n  });\n\n  const { setNodeRef: setDropRef } = useDroppable({\n    id: 'droppable-' + id,\n    data: {\n      id,\n      component: itemInfo,\n      type: 'comp',\n    },\n  });\n\n  const _memoListeners = useCreation(() => listeners, []);\n\n  useEffect(() => {\n    const dom = getTargetDom();\n    if (!dom || !itemInfo.component) return;\n    if (!NO_DRAGABLE.includes(itemInfo.component)) setDragRef(dom);\n    if (!NO_DROPABLE.includes(itemInfo.component)) setDropRef(dom);\n  }, []);\n\n  const comp = useCreation(\n    () => cloneElement(children, { ...children.props, ..._memoListeners, ...attributes }),\n    [id, children],\n  );\n\n  useEffect(() => {\n    const event_drag = ctx\n      .$subscriber(ctx.topics.COMPONENT_DRAG_OVER)\n      .on(({ id: itemId, actionSide }) => {\n        if (actionSide === ActionSide.INSIDE) {\n          ctx.$publisher(ctx.topics.COMPONENT_HOVER, { target: itemId });\n        } else if (actionSide === ActionSide.LEFT || actionSide === ActionSide.RIGHT) {\n          ctx.$publisher(ctx.topics.COMPONENT_HOVER, { target: itemId, side: actionSide });\n        }\n      })\n      .watch();\n\n    return () => {\n      ctx.$unsubscriber(ctx.topics.COMPONENT_DRAG_OVER, event_drag);\n    };\n  }, []);\n\n  useDndMonitor({\n    onDragEnd() {\n      ctx.$publisher(ctx.topics.COMPONENT_HOVER, null);\n    },\n  });\n\n  return comp;\n}\n"],"mappings":"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"}

package/es/lowcode/painter/components/DragDrop/Overlay.js

@@ -8,4 +8,5 @@ export default function (_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles['dragdrop-overlay'], _defineProperty({}, styles['no-drag'], noDrag)])
   }, children);
-}
+}
+//# sourceMappingURL=Overlay.js.map

package/es/lowcode/painter/components/DragDrop/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","classNames","styles","_ref","children","noDrag","createElement","className","_defineProperty"],"sources":["../../../../../luckda/lowcode/painter/components/DragDrop/Overlay.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport styles from '../../style/dragdrop.less';\n\n\nexport default function ({ children, noDrag }) {\n  return (\n    <div\n      className={classNames([styles['dragdrop-overlay'], {[styles['no-drag']]: noDrag}])}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM;AAGb,eAAe,UAAAC,IAAA,EAAgC;EAAA,IAApBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACzC,oBACEL,KAAA,CAAAM,aAAA;IACEC,SAAS,EAAEN,UAAU,CAAC,CAACC,MAAM,CAAC,kBAAkB,CAAC,EAAAM,eAAA,KAAIN,MAAM,CAAC,SAAS,CAAC,EAAGG,MAAM,EAAE;EAAE,GAElFD,QACE,CAAC;AAEV"}

package/es/lowcode/painter/components/DragDrop/TreeDragDropWrapper.js

@@ -67,4 +67,5 @@ export default function (_ref) {
       if (!NO_DROPABLE.includes(item.component)) setDropRef(node);
     }
   }, listeners, attributes), children);
-}
+}
+//# sourceMappingURL=TreeDragDropWrapper.js.map

package/es/lowcode/painter/components/DragDrop/TreeDragDropWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","classNames","useDraggable","useDroppable","useDndMonitor","Action","useContext","styles","NO_DRAGABLE","NO_DROPABLE","_ref","item","children","_useState","_useState2","_slicedToArray","side","setSide","id","context","event_drag","$subscriber","topics","COMPONENT_DRAG_OVER","on","_ref2","itemId","fromId","actionSide","vaild","watch","$unsubscriber","onDragEnd","_useDraggable","data","component","action","MOVE","type","attributes","listeners","isDragging","setDragRef","setNodeRef","_useDroppable","setDropRef","createElement","_extends","className","_defineProperty","concat","ref","node","includes"],"sources":["../../../../../luckda/lowcode/painter/components/DragDrop/TreeDragDropWrapper.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { useDraggable, useDroppable, useDndMonitor } from '@dnd-kit/core';\nimport { Action } from './DragDropContext';\nimport { useContext } from '../../../engine/provider/ContextProvider'\nimport styles from '../../style/dragdrop.less';\nimport { NO_DRAGABLE, NO_DROPABLE } from '../../../constants';\n\nexport default function ({ item, children }) {\n\n  const [side, setSide] = useState(null);\n\n  const id = item.id;\n  const context = useContext();\n\n  useEffect(() => {\n    const event_drag = context\n      .$subscriber(context.topics.COMPONENT_DRAG_OVER)\n      .on(({ id: itemId, fromId, actionSide, vaild }) => {\n        if (vaild && itemId === id) {\n          setSide(actionSide);\n        }\n        else {\n          setSide(null);\n        }\n      }).watch();\n\n    return () => {\n      context.$unsubscriber(context.topics.COMPONENT_DRAG_OVER, event_drag);\n    };\n\n  }, []);\n\n  useDndMonitor(\n    {\n      onDragEnd() {\n        setSide(null);\n      }\n    });\n\n  const {\n    attributes,\n    listeners,\n    isDragging,\n    setNodeRef: setDragRef,\n  } = useDraggable({\n    id: 'draggable-treenode-' + id,\n    data: {\n      id,\n      component: item,\n      action: Action.MOVE,\n      type: 'comp'\n    },\n  });\n\n  const { setNodeRef: setDropRef } = useDroppable({\n    id: 'droppable-treenode-' + id,\n    data: {\n      id,\n      component: item,\n      type: 'treeNode'\n    },\n  });\n\n  return <div\n    className={classNames([styles['lc-painter-components-treedragdrop'], { [styles[`${side}-side`]]: side, [styles['ondrag']]: isDragging }])}\n    ref={(node) => {\n      if (!NO_DRAGABLE.includes(item.component))\n        setDragRef(node);\n\n      if (!NO_DROPABLE.includes(item.component))\n        setDropRef(node);\n    }}\n    {...listeners}\n    {...attributes}>\n    {children}\n  </div>;\n}\n"],"mappings":"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"}

package/es/lowcode/painter/components/FieldSelector.js

@@ -54,4 +54,5 @@ var FieldSelector = function FieldSelector(_ref) {
     }, opt.label);
   }));
 };
-export default FieldSelector;
+export default FieldSelector;
+//# sourceMappingURL=FieldSelector.js.map

package/es/lowcode/painter/components/FieldSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRequest","Select","formatMessage","fetchFieldsByDataset","getLDMetaAttr","FieldSelector","_ref","dsid","defaultValue","onChange","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","options","setOptions","_useRequest","defaultParams","datasetUid","moduleUid","ready","onSuccess","_ref2","code","list","detail","map","_id","value","field","label","fieldAliasName","loading","createElement","_extends","size","placeholder","id","opt","Option","key"],"sources":["../../../../luckda/lowcode/painter/components/FieldSelector.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useRequest } from 'ahooks';\nimport { Select } from 'luck-design/antd';\nimport { formatMessage } from '@luck-design-biz/base/utils';\nimport { fetchFieldsByDataset } from '../../constants/api-url';\nimport { getLDMetaAttr } from '../../engine/tools/helper';\n\nconst FieldSelector = ({ dsid, defaultValue, onChange, ...props }) => {\n  const [options, setOptions] = useState([]);\n\n  const { loading } = useRequest(fetchFieldsByDataset, {\n    defaultParams: [{ datasetUid: dsid, moduleUid: getLDMetaAttr('moduleId') }],\n    ready: !!dsid,\n    onSuccess: ({ code, list, detail }) => {\n      if (code === 1) {\n        setOptions(\n          list.map((_id) => ({\n            value: detail[_id].field,\n            label: detail[_id].fieldAliasName,\n          })),\n        );\n      }\n    },\n  });\n\n  return (\n    <Select\n      defaultValue={defaultValue}\n      onChange={onChange}\n      size=\"small\"\n      loading={loading}\n      placeholder={formatMessage({\n        id: `luckda.lowcode.painter.panel-section.field-selector.placeholder`,\n        label: '请选择字段',\n      })}\n      {...props}\n    >\n      {options.map((opt) => (\n        <Select.Option key={opt.value} value={opt.value}>\n          {opt.label}\n        </Select.Option>\n      ))}\n    </Select>\n  );\n};\n\nexport default FieldSelector;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,oBAAoB;AAC7B,SAASC,aAAa;AAEtB,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAmD;EAAA,IAA7CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAC7D,IAAAC,SAAA,GAA8Bd,QAAQ,CAAC,EAAE,CAAC;IAAAe,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAnCG,OAAO,GAAAF,UAAA;IAAEG,UAAU,GAAAH,UAAA;EAE1B,IAAAI,WAAA,GAAoBlB,UAAU,CAACG,oBAAoB,EAAE;MACnDgB,aAAa,EAAE,CAAC;QAAEC,UAAU,EAAEb,IAAI;QAAEc,SAAS,EAAEjB,aAAa,CAAC,UAAU;MAAE,CAAC,CAAC;MAC3EkB,KAAK,EAAE,CAAC,CAACf,IAAI;MACbgB,SAAS,EAAE,SAAAA,UAAAC,KAAA,EAA4B;QAAA,IAAzBC,IAAI,GAAAD,KAAA,CAAJC,IAAI;UAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;UAAEC,MAAM,GAAAH,KAAA,CAANG,MAAM;QAC9B,IAAIF,IAAI,KAAK,CAAC,EAAE;UACdR,UAAU,CACRS,IAAI,CAACE,GAAG,CAAC,UAACC,GAAG;YAAA,OAAM;cACjBC,KAAK,EAAEH,MAAM,CAACE,GAAG,CAAC,CAACE,KAAK;cACxBC,KAAK,EAAEL,MAAM,CAACE,GAAG,CAAC,CAACI;YACrB,CAAC;UAAA,CAAC,CACJ,CAAC;QACH;MACF;IACF,CAAC,CAAC;IAbMC,OAAO,GAAAhB,WAAA,CAAPgB,OAAO;EAef,oBACEpC,KAAA,CAAAqC,aAAA,CAAClC,MAAM,EAAAmC,QAAA;IACL5B,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;IACnB4B,IAAI,EAAC,OAAO;IACZH,OAAO,EAAEA,OAAQ;IACjBI,WAAW,EAAEpC,aAAa,CAAC;MACzBqC,EAAE,mEAAmE;MACrEP,KAAK,EAAE;IACT,CAAC;EAAE,GACCtB,KAAK,GAERM,OAAO,CAACY,GAAG,CAAC,UAACY,GAAG;IAAA,oBACf1C,KAAA,CAAAqC,aAAA,CAAClC,MAAM,CAACwC,MAAM;MAACC,GAAG,EAAEF,GAAG,CAACV,KAAM;MAACA,KAAK,EAAEU,GAAG,CAACV;IAAM,GAC7CU,GAAG,CAACR,KACQ,CAAC;EAAA,CACjB,CACK,CAAC;AAEb,CAAC;AAED,eAAe3B,aAAa"}

package/es/lowcode/painter/components/ListEditor.js

@@ -101,4 +101,5 @@ export var ListEditorItem = function ListEditorItem(_ref2) {
       return onAddLine(item);
     }
   }) : null);
-};
+};
+//# sourceMappingURL=ListEditor.js.map

package/es/lowcode/painter/components/ListEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","Button","formatMessage","styles","ListEditor","_ref","children","addText","addIcon","handleAdd","suppressAdd","addBtnProps","style","createElement","className","_extends","block","size","type","icon","onClick","id","label","ListEditorItem","_ref2","item","left","right","setNodeRef","setActivatorNodeRef","attributes","listeners","_ref2$sortable","sortable","transform","transition","onAddLine","ref","fill","preserveAspectRatio","width","height","viewBox","verticalAlign","d"],"sources":["../../../../luckda/lowcode/painter/components/ListEditor.jsx"],"sourcesContent":["import React from 'react';\nimport { Icon, Button } from 'luck-design/antd';\nimport { formatMessage } from '@luck-design-biz/base/utils';\nimport styles from '../style/list-editor.less';\n\n/**\n * ListEditor 是一个用于管理和展示一组可编辑标签项的容器组件。\n * 它提供了一个添加新标签项的操作按钮，并通过 children 属性接收一组 ListEditorItem 组件。\n *\n * @param {Object} props - 组件接收的属性。\n * @param {ReactNode} props.children - ListEditorItem 组件的实例，表示可编辑的标签项。\n * @param {Function} props.handleAdd - 一个回调函数，当用户点击添加按钮时被触发，用于添加新的标签项。\n * @returns {ReactNode} 渲染一个带有操作按钮和标签项的容器。\n */\nexport const ListEditor = ({\n  children,\n  addText,\n  addIcon,\n  handleAdd,\n  suppressAdd,\n  addBtnProps,\n  style,\n}) => {\n  return (\n    <div className={styles['lc-painter-panel-section-components-listeditor']} style={style}>\n      <div className={styles['list-box']}>{children}</div>\n\n      <div className={styles['list-actions']}>\n        {!suppressAdd && (\n          <Button\n            block\n            size=\"small\"\n            type=\"dashed\"\n            icon={addIcon || 'plus-circle'}\n            {...addBtnProps}\n            onClick={handleAdd}\n          >\n            {addText ||\n              formatMessage({\n                id: 'luckda.lowcode.painter.panel-section.components.listeditor.add',\n                label: '添加一项',\n              })}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\n/**\n * ListEditorItem 是一个可编辑的标签项组件，用于在 ListEditor 容器内展示。\n * 它支持拖拽排序，并可以通过左侧和右侧的插槽来自定义内容。\n *\n * @param {Object} props - 组件接收的属性。\n * @param {Object} props.item - 表示标签项数据的对象。\n * @param {ReactNode} props.left - 放置在标签项左侧的内容，通常用于展示标签名称或其他信息。\n * @param {ReactNode} props.right - 放置在标签项右侧的内容，通常用于展示操作按钮如编辑或删除。\n * @param {Function} props.setNodeRef - 用于设置拖拽组件根节点的引用。\n * @param {Function} props.setActivatorNodeRef - 用于设置激活拖拽操作的节点引用。\n * @param {Object} props.style - 应用于标签项的样式对象，通常包含拖拽过程中的动态变化样式。\n * @param {Object} props.attributes - 包含与拖拽相关的HTML属性。\n * @param {Object} props.listeners - 包含处理拖拽事件的监听器。\n * @param {CSSProperties} props.transform - 应用于组件的CSS变换属性，用于实现拖拽效果。\n * @param {string} props.transition - 定义拖拽动画的CSS过渡属性。\n * @returns {ReactNode} 渲染一个可编辑的标签项，支持拖拽排序。\n */\nexport const ListEditorItem = ({\n  item,\n  left,\n  right,\n  setNodeRef,\n  setActivatorNodeRef,\n  style,\n  attributes,\n  listeners,\n  sortable = true,\n  transform,\n  transition,\n  onAddLine,\n}) => {\n  return (\n    <div ref={setNodeRef} style={style} className={styles['list-item']}>\n      <div className={styles['list-item-left']}>\n        {sortable && (\n          <div\n            ref={setActivatorNodeRef}\n            {...attributes}\n            {...listeners}\n            className={styles['dragicon']}\n          >\n            <svg\n              fill=\"currentColor\"\n              preserveAspectRatio=\"xMidYMid meet\"\n              width=\"16\"\n              height=\"12\"\n              viewBox=\"0 0 5 12\"\n              style={{ verticalAlign: 'middle' }}\n            >\n              <path d=\"M0.499972716,6 L1.50002728,6 C1.77615459,6 2,6.22384541 2,6.49997272 C2,6.77610002 1.77615459,6.99994543 1.50002728,6.99994543 L0.499972716,6.99994543 C0.22384541,6.99994543 3.38158422e-17,6.77610002 0,6.49997272 C-3.38158422e-17,6.22384541 0.22384541,6 0.499972716,6 Z M0.499972716,3 L1.50002728,3 C1.77615459,3 2,3.22384541 2,3.49997272 C2,3.77610002 1.77615459,3.99994543 1.50002728,3.99994543 L0.499972716,3.99994543 C0.22384541,3.99994543 3.38158422e-17,3.77610002 0,3.49997272 C-3.38158422e-17,3.22384541 0.22384541,3 0.499972716,3 Z M0.499972716,7.28787148e-18 L1.50002728,5.55666624e-14 C1.77615459,7.07214574e-14 2,0.22384541 2,0.499972716 C2,0.776100022 1.77615459,0.999945432 1.50002728,0.999945432 L0.499972716,0.999945432 C0.22384541,0.999945432 3.38158422e-17,0.776100022 0,0.499972716 C-3.38158422e-17,0.22384541 0.22384541,5.0723721e-17 0.499972716,0 Z M0.5,9.00002729 L1.5,9.00002729 C1.77614237,9.00002729 2,9.22388491 2,9.50002729 C2,9.77616966 1.77614237,10.0000273 1.5,10.0000273 L0.5,10.0000273 C0.223857625,10.0000273 3.38176876e-17,9.77616966 0,9.50002729 C-3.38176876e-17,9.22388491 0.223857625,9.00002729 0.5,9.00002729 Z M0.5,12.0000273 L1.5,12.0000273 C1.77614237,12.0000273 2,12.2238849 2,12.5000273 C2,12.7761697 1.77614237,13.0000273 1.5,13.0000273 L0.5,13.0000273 C0.223857625,13.0000273 3.38176876e-17,12.7761697 0,12.5000273 C-3.38176876e-17,12.2238849 0.223857625,12.0000273 0.5,12.0000273 Z M0.5,15.0000273 L1.5,15.0000273 C1.77614237,15.0000273 2,15.2238849 2,15.5000273 C2,15.7761697 1.77614237,16.0000273 1.5,16.0000273 L0.5,16.0000273 C0.223857625,16.0000273 3.38176876e-17,15.7761697 0,15.5000273 C-3.38176876e-17,15.2238849 0.223857625,15.0000273 0.5,15.0000273 Z M3.49997272,6 L4.50002728,6 C4.77615459,6 5,6.22384541 5,6.49997272 C5,6.77610002 4.77615459,6.99994543 4.50002728,6.99994543 L3.49997272,6.99994543 C3.22384541,6.99994543 3,6.77610002 3,6.49997272 C3,6.22384541 3.22384541,6 3.49997272,6 Z M3.49997272,3 L4.50002728,3 C4.77615459,3 5,3.22384541 5,3.49997272 C5,3.77610002 4.77615459,3.99994543 4.50002728,3.99994543 L3.49997272,3.99994543 C3.22384541,3.99994543 3,3.77610002 3,3.49997272 C3,3.22384541 3.22384541,3 3.49997272,3 Z M3.49997272,7.28787148e-18 L4.50002728,5.55666624e-14 C4.77615459,7.07214574e-14 5,0.22384541 5,0.499972716 C5,0.776100022 4.77615459,0.999945432 4.50002728,0.999945432 L3.49997272,0.999945432 C3.22384541,0.999945432 3,0.776100022 3,0.499972716 C3,0.22384541 3.22384541,5.0723721e-17 3.49997272,0 Z M3.5,9.00002729 L4.5,9.00002729 C4.77614237,9.00002729 5,9.22388491 5,9.50002729 C5,9.77616966 4.77614237,10.0000273 4.5,10.0000273 L3.5,10.0000273 C3.22385763,10.0000273 3,9.77616966 3,9.50002729 C3,9.22388491 3.22385763,9.00002729 3.5,9.00002729 Z M3.5,12.0000273 L4.5,12.0000273 C4.77614237,12.0000273 5,12.2238849 5,12.5000273 C5,12.7761697 4.77614237,13.0000273 4.5,13.0000273 L3.5,13.0000273 C3.22385763,13.0000273 3,12.7761697 3,12.5000273 C3,12.2238849 3.22385763,12.0000273 3.5,12.0000273 Z M3.5,15.0000273 L4.5,15.0000273 C4.77614237,15.0000273 5,15.2238849 5,15.5000273 C5,15.7761697 4.77614237,16.0000273 4.5,16.0000273 L3.5,16.0000273 C3.22385763,16.0000273 3,15.7761697 3,15.5000273 C3,15.2238849 3.22385763,15.0000273 3.5,15.0000273 Z\"></path>\n            </svg>\n          </div>\n        )}\n        {left}\n      </div>\n      <div className={styles['list-item-right']}>{right}</div>\n      {onAddLine ? (\n        <div className={styles['list-item-bottom-line']} onClick={() => onAddLine(item)} />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/es/lowcode/painter/components/NumberInput.js

@@ -145,4 +145,5 @@ var parseValue = function parseValue(value, options) {
       unit: value
     }; // 当没有数字时，比如 "auto"，这里的逻辑可能需要调整，因为你的描述有点矛盾
   }
-};
+};
+//# sourceMappingURL=NumberInput.js.map

package/es/lowcode/painter/components/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useUpdateEffect","styles","InputNumber","Dropdown","Menu","isNil","_ref","value","options","onChange","defaultValue","_ref$allowNull","allowNull","_ref$convertInt","convertInt","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","val","setVal","_parseValue","parseValue","number","unit","handleSelect","item","newValue","key","isNaN","defaultNumber","match","parseFloat","changeValue","handleChange","numericValues","filter","option","map","replace","join","regex","RegExp","concat","isValid","test","parseInt","optionName","label","menu","createElement","onClick","Item","_extends","className","size","overlay","disabled","length","getPopupContainer","document","getElementById","String","result"],"sources":["../../../../luckda/lowcode/painter/components/NumberInput.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useUpdateEffect } from 'ahooks';\nimport styles from '../style/number-input.less';\nimport { InputNumber, Dropdown, Menu } from 'luck-design/antd';\nimport { isNil } from 'lodash';\n\n/**\n * NumberInput 组件是一个带单位选择的数字输入框组件，允许用户输入一个数值并从预定义的选项中选择一个单位。\n * 它支持默认值、空值、自动类型转换以及自定义更改处理逻辑。\n * 组件内部通过 Dropdown 组件提供一个单位的下拉选择菜单，并通过 InputNumber 接收数值输入。\n * 该组件也支持将输入值转换为整数或保持为原始格式，并允许通过 options 定制可选单位。\n * \n * @component\n * @example\n * const options = [{ value: 'px', label: '像素' }, { value: '%', label: '百分比' }];\n * <NumberInput\n *   value={100}\n *   options={options}\n *   onChange={(newValue) => console.log('New value:', newValue)}\n *   defaultValue={0}\n *   allowNull={true}\n *   convertInt={false}\n * />\n * \n * @param {Object} props - 组件的属性。\n * @param {number|string} props.value - 初始化输入框的值。\n * @param {Object[]} props.options - 可选单位的数组，每个对象包含 value（单位的值）和 label（显示在下拉菜单中的标签）。\n * @param {Function} props.onChange - 当输入值或单位改变时触发的回调函数。传递新的值作为参数。\n * @param {number|string} [props.defaultValue] - 未指定 value 时的默认值。\n * @param {boolean} [props.allowNull=true] - 是否允许空值。\n * @param {boolean} [props.convertInt=false] - 是否将输入值转换为整数。\n * @param {Object} rest - 传递给 InputNumber 组件的其他属性。\n * \n * @returns {ReactElement} 返回一个 React 元素，表示一个带单位选择的数字输入框组件。\n */\nexport default function ({\n  value,\n  options,\n  onChange,\n  defaultValue,\n  allowNull = true,\n  convertInt = false,\n  ...rest\n}) {\n  const [val, setVal] = useState(value ?? defaultValue);\n\n  useUpdateEffect(() => {\n    setVal(value);\n  }, [value]);\n\n  const { number, unit } = parseValue(val, options);\n\n  const handleSelect = (item) => {\n    let newValue;\n    if (item.key == 'auto') newValue = item.key;\n    else if (!number || isNaN(number)) {\n      let defaultNumber = defaultValue ?? 0;\n      if (isNaN(defaultNumber)) {\n        const match = defaultNumber.match(/[\\d\\.]+/);\n        defaultNumber = match ? parseFloat(match[0]) : 0;\n      }\n      newValue = defaultNumber + item.key;\n    } else {\n      newValue = number + item.key;\n    }\n    changeValue(newValue);\n  };\n\n  const handleChange = (value) => {\n    if (!isNil(value)) changeValue(value + (unit ?? options[0].value));\n    else changeValue(null);\n  };\n\n  const changeValue = (value) => {\n    // 分离需要数字前缀的值和不需要数字前缀的值（如auto）\n    const numericValues = options\n      .filter((option) => option.value !== 'auto')\n      .map((option) => option.value.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'))\n      .join('|');\n\n    // 构建正则表达式\n    const regex = new RegExp(`^(\\\\d*(?:${numericValues})|auto)$`);\n\n    const isValid = regex.test(value);\n    if (isValid || (allowNull && (value === '' || value == null))) {\n      // 如果value符合要求，执行以下代码\n      if (onChange) onChange(convertInt ? parseInt(value) : value);\n      setVal(value);\n    }\n  };\n\n  let optionName = options[0].label;\n  const menu = (\n    <Menu onClick={handleSelect}>\n      {options.map((item) => {\n        if (item.value == unit) optionName = item.label;\n        return <Menu.Item key={item.value}>{item.label}</Menu.Item>;\n      })}\n    </Menu>\n  );\n\n  return (\n    <div className={styles['lc-painter-panel-section-components-number-input']} {...rest}>\n      <div className={styles['num-input-wrap']}>\n        <InputNumber\n          className={styles['num-input']}\n          size=\"small\"\n          {...rest}\n          value={number}\n          onChange={handleChange}\n        />\n        <div className={styles['num-option']}>\n          <Dropdown\n            overlay={menu}\n            value={unit}\n            disabled={options.length === 1}\n            getPopupContainer={() => document.getElementById('lc-design-workspace')}\n          >\n            <span>{optionName}</span>\n          </Dropdown>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// 解析value，分离数字和单位\nconst parseValue = (value, options) => {\n  if (value === null || typeof value === 'undefined' || value === '') {\n    return { number: null, unit: null };\n  }\n\n  value = String(value);\n\n  // 调整正则表达式以匹配数字后跟任意非数字字符\n  const result = value.match(/^(\\d+)(\\D*)$/); // \\D 匹配任意非数字字符\n  if (result) {\n    return {\n      number: result[1],\n      unit: result[2] ? result[2] : options[0].value, // 如果有非数字字符，则返回该字符，否则返回默认单位的第一项\n    };\n  } else {\n    return { number: value, unit: value }; // 当没有数字时，比如 \"auto\"，这里的逻辑可能需要调整，因为你的描述有点矛盾\n  }\n};\n"],"mappings":"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"}

package/es/lowcode/painter/components/PanelItem.js

@@ -89,4 +89,5 @@ export default function (_ref) {
   }, children)), !curClps && addon && /*#__PURE__*/React.createElement("div", {
     className: styles['addon']
   }, addon));
-}
+}
+//# sourceMappingURL=PanelItem.js.map

package/es/lowcode/painter/components/PanelItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useMemoizedFn","useCreation","Tooltip","Icon","startsWith","classNames","styles","_ref","field","label","desc","_ref$collapsed","collapsed","addon","suppressPadding","children","_useState","_useState2","_slicedToArray","curClps","setCurClps","HandleClick","tip","str","concat","createElement","className","_defineProperty","onClick","type","overlayStyle","fontSize","title","getPopupContainer","document","getElementById","style","cursor"],"sources":["../../../../luckda/lowcode/painter/components/PanelItem.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { useMemoizedFn, useCreation } from 'ahooks';\nimport { Tooltip, Icon } from 'luck-design/antd';\nimport { startsWith } from 'lodash';\nimport classNames from 'classnames';\nimport styles from '../style/panel-item.less';\n\n/**\n * `PanelItem` 组件用于展示属性面板中的单个属性项。\n * 它支持展示一个标签（属性名称）及对应的组件（例如输入框、选择器等），并可通过传入的 `addon` 属性添加额外的内容。\n * 此组件支持折叠功能，可以通过 `collapsed` 属性控制初始折叠状态。\n *\n * @component\n * @example\n * ```jsx\n * <PanelItem\n *   label=\"属性名称\"\n *   collapsed={false}\n *   addon={<div>额外内容</div>}\n * >\n *   <input type=\"text\" />\n * </PanelItem>\n * ```\n *\n * @param {Object} props 组件接收的参数。\n * @param {string} props.label 显示的属性名称。如果标签以 `#` 开头，则不显示。\n * @param {boolean} [props.collapsed=true] 初始是否折叠。默认为 `true`。\n * @param {React.ReactNode} props.addon 当属性项展开时，可以在下方显示额外内容。\n * @param {React.ReactNode} props.children 对应于属性名称的组件，可以是输入框、下拉菜单等 React 节点。\n *\n * @returns {React.Element} 渲染属性名称、对应的组件以及可选的额外内容。\n */\nexport default function ({\n  field,\n  label,\n  desc,\n  collapsed = true,\n  addon,\n  suppressPadding,\n  children,\n}) {\n  const [curClps, setCurClps] = useState(collapsed);\n  const HandleClick = useMemoizedFn(() => {\n    if (!addon) return;\n    setCurClps(!curClps);\n  });\n\n  const tip = useCreation(() => {\n    let str = void 0;\n    if (field) {\n      str = `属性：${field}`;\n    }\n    if (desc) {\n      str = `${str ? `${str} | ` : ''}说明：${desc}`;\n    }\n    return str;\n  }, [field, desc]);\n\n  useEffect(() => {\n    setCurClps(collapsed);\n  }, [collapsed]);\n\n  return (\n    <div\n      className={classNames(styles['lc-painter-components-panelitem'], {\n        [styles['no-padding']]: !!suppressPadding,\n      })}\n    >\n      <div className={styles['panelrow']}>\n        {label && !startsWith(label, '#') && (\n          <div\n            className={`${styles['item-label']}${addon ? ' panel-pointer' : ''}`}\n            onClick={HandleClick}\n          >\n            {addon && <Icon className={styles['item-icon']} type={!curClps ? 'down' : 'right'} />}\n            <Tooltip\n              overlayStyle={{ fontSize: '12px' }}\n              title={tip}\n              getPopupContainer={() => document.getElementById('lc-design-workspace')}\n            >\n              <span style={desc ? { cursor: 'help' } : null}>{label}</span>\n            </Tooltip>\n          </div>\n        )}\n        <span className={styles['item-component']}>{children}</span>\n      </div>\n      {!curClps && addon && <div className={styles['addon']}>{addon}</div>}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/es/lowcode/painter/components/PopConfirm.js

@@ -27,4 +27,5 @@ export default function (_ref) {
       return document.getElementById('lc-design-workspace');
     }
   }, props));
-}
+}
+//# sourceMappingURL=PopConfirm.js.map

package/es/lowcode/painter/components/PopConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Popconfirm","classNames","styles","_ref","_ref$showBtn","showBtn","props","_objectWithoutProperties","_excluded","createElement","_extends","overlayClassName","_defineProperty","icon","getPopupContainer","document","getElementById"],"sources":["../../../../luckda/lowcode/painter/components/PopConfirm.jsx"],"sourcesContent":["import React from 'react';\nimport { Popconfirm } from 'luck-design/antd';\nimport classNames from 'classnames';\nimport styles from '../style/pop-confirm.less';\n\n/**\n * 这个组件是对 luck-design/antd 的 Popconfirm 组件的封装。\n * 它提供了一个带有自定义样式的弹出确认框，用于在用户尝试执行重要操作前提示确认信息。\n * 通过传入的 props 可以自定义 Popconfirm 组件的行为和外观。\n *\n * @param {Object} props - 传递给 Popconfirm 组件的属性。这包括所有标准的 Popconfirm 属性，\n *                         以及任何额外的属性，如事件处理器或自定义内容。\n * @returns {ReactNode} 返回一个配置了自定义样式和指定属性的 Popconfirm 组件实例。\n */\nexport default function ({ showBtn = false, ...props }) {\n  return (\n    <Popconfirm\n      overlayClassName={classNames(styles['lc-painter-panel-section-components-popconfirm'], {\n        [styles['show-btn']]: showBtn,\n      })}\n      icon={null}\n      getPopupContainer={() => document.getElementById('lc-design-workspace')}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,UAAAC,IAAA,EAAyC;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAA7BE,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAClD,oBACET,KAAA,CAAAU,aAAA,CAACT,UAAU,EAAAU,QAAA;IACTC,gBAAgB,EAAEV,UAAU,CAACC,MAAM,CAAC,gDAAgD,CAAC,EAAAU,eAAA,KAClFV,MAAM,CAAC,UAAU,CAAC,EAAGG,OAAO,CAC9B,CAAE;IACHQ,IAAI,EAAE,IAAK;IACXC,iBAAiB,EAAE,SAAAA,kBAAA;MAAA,OAAMC,QAAQ,CAACC,cAAc,CAAC,qBAAqB,CAAC;IAAA;EAAC,GACpEV,KAAK,CACV,CAAC;AAEN"}

package/es/lowcode/painter/components/PopForm.js

@@ -68,4 +68,5 @@ export var PopFormItemRight = function PopFormItemRight(_ref4) {
   return /*#__PURE__*/React.createElement("div", _extends({
     className: styles['right']
   }, rest), children);
-};
+};
+//# sourceMappingURL=PopForm.js.map

package/es/lowcode/painter/components/PopForm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","styles","PopForm","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","_extends","className","PopFormItem","_ref2","_excluded2","PopFormItemLeft","_ref3","_excluded3","PopFormItemRight","_ref4","_excluded4"],"sources":["../../../../luckda/lowcode/painter/components/PopForm.jsx"],"sourcesContent":["import React from 'react';\nimport styles from '../style/pop-form.less';\n\n/**\n * PopForm 是一个为弹出式表单布局提供容器的组件，它使用特定的样式来组织表单内容。\n * \n * @param {Object} props - 组件的 props。\n * @param {ReactNode} props.children - 组件内包含的子元素。\n * @param {Object} rest - 传递给组件的其余属性，这些属性将直接传递给根 div 元素。\n */\nexport const PopForm = ({ children, ...rest }) => {\n  return (\n    <div className={styles['lc-painter-panel-section-components-popform']} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * PopFormItem 是 PopForm 组件的一个子项，用于包装表单的每个独立字段。\n * 它提供了一致的布局和样式封装，用于表单项的展示。\n * \n * @param {Object} props - 组件的 props。\n * @param {ReactNode} props.children - 组件内包含的子元素。\n * @param {Object} rest - 传递给组件的其余属性，这些属性将直接传递给根 div 元素。\n */\nexport const PopFormItem = ({ children, ...rest }) => {\n  return (\n    <div className={styles['item']} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * PopFormItemLeft 是 PopFormItem 的子组件，用于展示表单项的标签或标题部分。\n * 它通常用于放置字段名或说明性文本。\n * \n * @param {Object} props - 组件的 props。\n * @param {ReactNode} props.children - 组件内包含的子元素。\n * @param {Object} rest - 传递给组件的其余属性，这些属性将直接传递给根 div 元素。\n */\nexport const PopFormItemLeft = ({ children, ...rest }) => {\n  return (\n    <div className={styles['left']} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * PopFormItemRight 是 PopFormItem 的子组件，用于包含表单项的输入字段。\n * 它是表单项布局中用于用户输入的部分，可以容纳各种类型的输入控件。\n * \n * @param {Object} props - 组件的 props。\n * @param {ReactNode} props.children - 组件内包含的子元素。\n * @param {Object} rest - 传递给组件的其余属性，这些属性将直接传递给根 div 元素。\n */\nexport const PopFormItemRight = ({ children, ...rest }) => {\n  return (\n    <div className={styles['right']} {...rest}>\n      {children}\n    </div>\n  );\n}\n\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM;;AAEb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACzC,oBACEP,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IAAKC,SAAS,EAAET,MAAM,CAAC,6CAA6C;EAAE,GAAKI,IAAI,GAC5ED,QACE,CAAC;AAEV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMO,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAA8B;EAAA,IAAxBR,QAAQ,GAAAQ,KAAA,CAARR,QAAQ;IAAKC,IAAI,GAAAC,wBAAA,CAAAM,KAAA,EAAAC,UAAA;EAC7C,oBACEb,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IAAKC,SAAS,EAAET,MAAM,CAAC,MAAM;EAAE,GAAKI,IAAI,GACrCD,QACE,CAAC;AAEV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMU,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAA8B;EAAA,IAAxBX,QAAQ,GAAAW,KAAA,CAARX,QAAQ;IAAKC,IAAI,GAAAC,wBAAA,CAAAS,KAAA,EAAAC,UAAA;EACjD,oBACEhB,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IAAKC,SAAS,EAAET,MAAM,CAAC,MAAM;EAAE,GAAKI,IAAI,GACrCD,QACE,CAAC;AAEV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMa,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAA8B;EAAA,IAAxBd,QAAQ,GAAAc,KAAA,CAARd,QAAQ;IAAKC,IAAI,GAAAC,wBAAA,CAAAY,KAAA,EAAAC,UAAA;EAClD,oBACEnB,KAAA,CAAAQ,aAAA,QAAAC,QAAA;IAAKC,SAAS,EAAET,MAAM,CAAC,OAAO;EAAE,GAAKI,IAAI,GACtCD,QACE,CAAC;AAEV,CAAC"}

package/es/lowcode/painter/components/PreviewIframe.js

@@ -16,4 +16,5 @@ var PreviewIframe = function PreviewIframe(_ref) {
     src: "".concat(basename === '/' ? '' : basename, "/byteman/preview/").concat(code, "?_user=").concat(userId, "&pure=1")
   });
 };
-export default PreviewIframe;
+export default PreviewIframe;
+//# sourceMappingURL=PreviewIframe.js.map

package/es/lowcode/painter/components/PreviewIframe.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","getCreateHistoryOptions","styled","useCreation","Iframe","iframe","withConfig","displayName","componentId","PreviewIframe","_ref","code","userId","basename","createElement","src","concat"],"sources":["../../../../luckda/lowcode/painter/components/PreviewIframe.jsx"],"sourcesContent":["import React from 'react';\nimport { getCreateHistoryOptions } from 'umi';\nimport styled from 'styled-components';\nimport { useCreation } from 'ahooks';\n\nconst Iframe = styled.iframe`\n  width: 100%;\n  height: 100%;\n  border: none;\n`;\n\nconst PreviewIframe = ({ code, userId }) => {\n  const basename = useCreation(() => getCreateHistoryOptions().basename);\n\n  return (\n    <Iframe\n      src={`${basename === '/' ? '' : basename}/byteman/preview/${code}?_user=${userId}&pure=1`}\n    />\n  );\n};\n\nexport default PreviewIframe;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,uBAAuB,QAAQ,KAAK;AAC7C,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,WAAW,QAAQ,QAAQ;AAEpC,IAAMC,MAAM,GAAGF,MAAM,CAACG,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAI3B;AAED,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAyB;EAAA,IAAnBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;EACnC,IAAMC,QAAQ,GAAGV,WAAW,CAAC;IAAA,OAAMF,uBAAuB,CAAC,CAAC,CAACY,QAAQ;EAAA,EAAC;EAEtE,oBACEb,KAAA,CAAAc,aAAA,CAACV,MAAM;IACLW,GAAG,KAAAC,MAAA,CAAKH,QAAQ,KAAK,GAAG,GAAG,EAAE,GAAGA,QAAQ,uBAAAG,MAAA,CAAoBL,IAAI,aAAAK,MAAA,CAAUJ,MAAM;EAAU,CAC3F,CAAC;AAEN,CAAC;AAED,eAAeH,aAAa"}

package/es/lowcode/painter/components/RuleInput.js

@@ -103,4 +103,5 @@ export default /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, rest, {
     ref: ref
   }))));
-});
+});
+//# sourceMappingURL=RuleInput.js.map

package/es/lowcode/painter/components/RuleInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","useEffect","useUpdateEffect","Input","Tooltip","classNames","styles","_ref","ref","onValueChange","rules","value","defaultValue","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","inputValue","setInputValue","_useState3","_useState4","err","setErr","handleInputChange","e","target","error","_iterator","_createForOfIteratorHelper","_step","s","n","done","rule","func","f","console","createElement","Fragment","title","visible","_extends","className","_defineProperty","size","onChange"],"sources":["../../../../luckda/lowcode/painter/components/RuleInput.jsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect } from 'react';\nimport { useUpdateEffect } from 'ahooks';\nimport { Input, Tooltip } from 'luck-design/antd';\nimport classNames from 'classnames';\nimport styles from '../style/rule-input.less';\n\n/**\n * 带校验功能的输入组件。\n *\n * 此组件封装了antd的Input组件，并增加了输入值的校验功能。它允许开发者定义一组校验规则，\n * 以确保用户输入符合特定要求。每条规则由一个校验函数和一个错误信息组成。如果用户的输入\n * 不满足任何一条规则，将展示相应的错误信息提示。\n *\n * @component\n * @example\n * <RuleInput\n *   value=\"示例值\"\n *   onValueChange={(e, newValue) => console.log('新值:', newValue)}\n *   rules={[\n *     { func: value => !!value, err: '输入不能为空' },\n *     { func: value => /^\\d+$/.test(value), err: '只允许输入数字' }\n *   ]}\n * />\n *\n * @param {Object} props 组件接收的props\n * @param {string} props.value 输入框当前的值，可以由外部控制以实现受控组件。\n * @param {Function} props.onValueChange 当输入值改变并通过所有校验时，触发的回调函数。\n * 该函数接收原生的事件对象和新的输入值作为参数。\n * @param {Array<{func: (value: string) => boolean, err: string}>} props.rules\n * 定义输入校验规则的数组。每个元素是一个对象，其中`func`属性是一个函数，用于执行校验逻辑，\n * 接收当前输入值作为参数，返回一个布尔值表示校验是否通过；`err`属性是一个字符串，指定当\n * 校验失败时要显示的错误信息。\n * @param {Object} rest 传递给内部Input组件的其他props，如`placeholder`、`disabled`等。\n * @param {React.Ref} ref React ref对象，用于将ref传递给内部的Input DOM元素。\n *\n * @returns React元素，渲染一个带有校验功能的输入框和校验失败时的错误信息提示。\n */\nexport default forwardRef(({ onValueChange, rules, value, defaultValue, ...rest }, ref) => {\n  const [inputValue, setInputValue] = useState(value || defaultValue); // 托管输入值的状态\n  const [err, setErr] = useState(null);\n\n  // 使用useEffect钩子监听value的变化\n  useUpdateEffect(() => {\n    setInputValue(value);\n    setErr(null);\n  }, [value]);\n\n  const handleInputChange = (e) => {\n    const value = e.target.value;\n    setInputValue(value); // 更新托管的输入值\n\n    let error = null;\n\n    // 遍历rules，检查输入值是否满足条件\n    for (let rule of rules) {\n      if (!rule.func(value)) {\n        error = rule.err;\n        break;\n      }\n    }\n\n    if (!error) {\n      setErr(null);\n      onValueChange(e, value);\n    } else {\n      setErr(error);\n      console.error(error);\n    }\n  }\n\n  return (\n    <>\n      <Tooltip title={err} visible={err}>\n        <Input\n          className={classNames(styles['lc-painter-components-ruleinput'], { [styles.err]: !!err })}\n          size=\"small\"\n          value={inputValue} // 绑定输入值\n          onChange={handleInputChange}\n          {...rest}\n          ref={ref}\n        />\n      </Tooltip>\n    </>\n  );\n});\n"],"mappings":"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"}

package/es/lowcode/painter/components/SortBox.js

@@ -96,4 +96,5 @@ export var SortItem = function SortItem(_ref2) {
     style: style
   });
   return childWithProps;
-};
+};
+//# sourceMappingURL=SortBox.js.map

package/es/lowcode/painter/components/SortBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","DndContext","SortableContext","arrayMove","useSortable","verticalListSortingStrategy","CSS","SortBox","_ref","datas","children","onChange","strategy","onDragEnd","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","items","setItems","sortStrategy","handleDragEnd","event","active","over","id","oldIndex","indexOf","newIndex","newSortItem","createElement","_extends","SortItem","_ref2","_useSortable","attributes","listeners","setNodeRef","transform","transition","setActivatorNodeRef","style","Transform","toString","childWithProps","cloneElement","key"],"sources":["../../../../luckda/lowcode/painter/components/SortBox.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { DndContext } from '@dnd-kit/core';\nimport {\n  SortableContext,\n  arrayMove,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\n/**\n * SortBox 是一个使用 dnd-kit 实现拖拽排序的组件。\n * 它允许子元素通过拖拽操作来重新排序，并在排序操作完成后通过 onChange 回调传递新的排序结果。\n * \n * @param {Object} props 组件的 props。\n * @param {Array} props.datas 初始排序的数据数组，通常包含用于排序的唯一标识符。\n * @param {ReactNode} props.children 组件的子元素，通常是需要进行排序的元素集合。\n * @param {Function} props.onChange 当排序操作完成时触发的回调函数，参数为重新排序后的数据数组。\n * @param {Function} [props.strategy=verticalListSortingStrategy] 用于排序的策略。默认为垂直列表排序策略。\n * \n * @returns {ReactNode} 返回一个配置了 DndContext 和 SortableContext 的 React 组件结构。\n */\nexport const SortBox = ({ datas, children, onChange, strategy, onDragEnd, ...rest }) => {\n  const [items, setItems] = useState(datas);\n\n  const sortStrategy = strategy ?? verticalListSortingStrategy;\n\n  useEffect(() => {\n    setItems(datas);\n  }, [datas]);\n\n  function handleDragEnd(event) {\n    onDragEnd && onDragEnd(event);\n    const { active, over } = event;\n    if (!active || !over) return;\n    if (active.id !== over.id) {\n      setItems((items) => {\n        const oldIndex = items.indexOf(active.id);\n        const newIndex = items.indexOf(over.id);\n        const newSortItem = arrayMove(items, oldIndex, newIndex);\n        if (onChange) onChange(newSortItem, oldIndex, newIndex);\n        return newSortItem;\n      });\n    }\n  }\n\n  return (\n    <DndContext {...rest} onDragEnd={handleDragEnd}>\n      <SortableContext strategy={sortStrategy} items={items}>\n        {children}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\n/**\n * SortItem 组件是一个使用 dnd-kit 实现的可排序项。它通过 useSortable 钩子来提供拖拽功能，\n * 并将必要的属性和监听器传递给其子元素，使得子元素可拖拽。\n * \n * @param {Object} props - 组件的 props。\n * @param {string} props.id - 该排序项的唯一标识符，用于识别不同的可排序元素。\n * @param {ReactNode} props.children - 该组件的子元素。通常是你希望使之可拖拽的元素。\n *                                    SortItem 会将拖拽相关的 props 注入到这个子元素中。\n * \n * @returns {ReactNode} 返回一个增强后的 React 元素，此元素集成了拖拽功能。\n *                      它基于原 children 元素，附加了用于拖拽的属性和样式。\n */\nexport const SortItem = ({ id, children }) => {\n  const { attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef } =\n    useSortable({\n      id: id,\n    });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  const childWithProps = React.cloneElement(children, {\n    key: id,\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    setActivatorNodeRef,\n    style,\n  });\n\n  return childWithProps;\n};\n"],"mappings":"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"}

package/es/lowcode/painter/components/TipIcon.js

@@ -13,4 +13,5 @@ var TipIcon = function TipIcon(_ref) {
     type: type
   }, rest)));
 };
-export default TipIcon;
+export default TipIcon;
+//# sourceMappingURL=TipIcon.js.map

package/es/lowcode/painter/components/TipIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","Tooltip","TipIcon","_ref","title","type","rest","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../luckda/lowcode/painter/components/TipIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { Icon, Tooltip } from 'luck-design/antd';\n\nconst TipIcon = ({ title, type, ...rest }) => {\n  return (\n    <Tooltip title={title}>\n      <Icon type={type} {...rest} />\n    </Tooltip>\n  );\n};\n\nexport default TipIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAEhD,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAiC;EAAA,IAA3BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrC,oBACET,KAAA,CAAAU,aAAA,CAACR,OAAO;IAACG,KAAK,EAAEA;EAAM,gBACpBL,KAAA,CAAAU,aAAA,CAACT,IAAI,EAAAU,QAAA;IAACL,IAAI,EAAEA;EAAK,GAAKC,IAAI,CAAG,CACtB,CAAC;AAEd,CAAC;AAED,eAAeJ,OAAO"}