@core-pilot/client-vue 0.0.7 → 0.0.8

package/dist/es/components/bubble-list/index.js

@@ -221,6 +221,7 @@ const index = /* @__PURE__ */ defineComponent({
         "typing": item.typing,
         "speed": this.speed,
         "text": item.content,
+        "historyInputs": item.historyInputs,
         "isHistoryMessage": item.isHistoryMessage,
         "autoHideThinking": this.autoHideThinking,
         "onHoverActiveRefTrigger": this.hoverActiveRefTrigger,

package/dist/es/components/bubble-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/bubble-list/index.tsx"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue';\nimport { BubbleList, FilesCard } from 'vue-element-plus-x';\nimport type { BubbleListItemProps } from 'vue-element-plus-x/types/BubbleList';\nimport './style/index.less';\nimport ActionBar, { BtnItemConfig } from './actionBar';\nimport XMarkdown from '../x-markdown';\n\nexport interface FeedbackItem {\n  title: string;\n  content: string;\n  checked: boolean;\n  // showInput?: boolean; // 是否显示输入框\n}\n\nexport interface MessageItem extends BubbleListItemProps {\n  role: 'user' | 'ai';\n  questions?: Array<string>;\n  speed?: number;\n  id: string;\n  showActions?: boolean;\n  feedback?: 'like' | 'dislike';\n  files?: Array<{\n    id: string,\n    extension: string,\n    name: string,\n  }>;\n  isHistoryMessage?: boolean;\n}\n\nexport default defineComponent({\n  props: {\n    list: {\n      type: Array as () => Array<MessageItem>,\n      default: () => [],\n    },\n    btnLoading: {\n      type: Boolean,\n      default: true,\n    },\n    maxHeight: {\n      type: String,\n      default: '500px',\n    },\n    autoHideThinking: {\n      type: Boolean,\n      default: true,\n    },\n    speed: {\n      type: Number,\n      default: 200,\n    },\n    disLikeFeedbackList: {\n      type: Array as () => Array<FeedbackItem>,\n      default: () => undefined,\n    },\n    likeFeedbackList: {\n      type: Array as () => Array<FeedbackItem>,\n      default: () => undefined,\n    },\n  },\n  expose: ['showLastActionGroup', 'scrollToBottom', 'hideLastActionGroup'],\n  emits: [\n    'hoverActiveRefTrigger',\n    'clickActiveRefTrigger',\n    'like',\n    'dislike',\n    'regenerate',\n    'copy',\n    'refConfigUpdate',\n    'questionClick',\n    'downloadFile',\n    'coreSubmit',\n  ],\n  setup(props, { emit }) {\n    const bubbleList = useTemplateRef<typeof BubbleList>('bubbleList');\n    const bubbleListContainer = useTemplateRef<Element>('bubbleListContainer');\n    const showLastBubbleFooter = ref(false);\n    const curActiveItem = ref<Element | null>(null);\n    const destoryObserver = ref<Function>(() => {});\n\n    watch(() => curActiveItem.value, (newVal, oldVal) => {\n      if (newVal === null) {\n        return;\n      }\n      if (oldVal === newVal) {\n        return;\n      }\n      const refContainer = (curActiveItem.value as HTMLElement)?.querySelector('div[hidden]');\n      const curRefList = JSON.parse(refContainer?.textContent || '[]');\n      emit('refConfigUpdate', curRefList);\n    })\n\n    watch(() => props.list.length, () => {\n      console.log('props.list.length', props.list.length);\n      nextTick(() => {\n        destoryObserver.value();\n        destoryObserver.value = scrollTrigger();\n      })\n    })\n\n    const hoverActiveRefTrigger = (item) => {\n      emit('hoverActiveRefTrigger', item);\n    }\n\n    const clickActiveRefTrigger = (item) => {\n      emit('clickActiveRefTrigger', item);\n    }\n\n    const showLastActionGroup = () => {\n      showLastBubbleFooter.value = true;\n    }\n\n    const hideLastActionGroup = () => {\n      showLastBubbleFooter.value = false;\n    }\n\n    const clickAction = (type: BtnItemConfig['type'], content, cancel, item) => {\n      emit(type, { content, message: item, cancel })\n    }\n\n    const scrollToBottom = () => {\n      (bubbleList.value as any)?.scrollToBottom();\n    }\n\n    const lastRefConfigUpdate = (refList, item) => {\n      // 更新最后一条消息的引用列表\n      if (props.list[props.list.length - 1] === item) {\n        emit('refConfigUpdate', refList);\n      }\n    }\n\n    const getQuestions = (item) => {\n      if (item.questions && item.questions.length > 0) {\n        return (\n          <div class='question-list'>\n            {\n              item.questions.map((question, index) => {\n                return (\n                  <span\n                    class='question-item'\n                    key={index}\n                    onClick={() => questionClick(question)}\n                  >\n                    {question}\n                    <span class='icon'></span>\n                  </span>\n                )\n              })\n            }\n          </div>\n        )\n      }\n      return null;\n    }\n\n    const questionClick = (q) => {\n      emit('questionClick', q)\n    }\n\n    const isLastItem = (item: MessageItem) => {\n      return props.list[props.list.length - 1] === item;\n    }\n\n    const getActionBar = (item: MessageItem) => {\n      // 如果当前项中明确指定不显示actionbar，则不显示\n      if (typeof item.showActions === 'boolean' && !item.showActions) {\n        return null;\n      }\n      const isLast = isLastItem(item);\n      if (isLast && showLastBubbleFooter.value) {\n        return (\n          <ActionBar\n            isLast={isLast}\n            content={item.content}\n            message={item}\n            disLikeFeedbackList={props.disLikeFeedbackList}\n            likeFeedbackList={props.likeFeedbackList}\n            onClick={(type, content, cancel) => clickAction(type, content, cancel, item)}\n          />\n        )\n      }\n      if (!isLast) {\n        return (\n          <ActionBar\n            isLast={isLast}\n            content={item.content}\n            message={item}\n            disLikeFeedbackList={props.disLikeFeedbackList}\n            likeFeedbackList={props.likeFeedbackList}\n            onClick={(type, content, cancel) => clickAction(type, content, cancel, item)}\n          />\n        );\n      }\n    }\n\n    const onDownloadFile = (payload) => {\n      emit('downloadFile', payload);\n    }\n\n    const scrollTrigger = () => {\n      const messageItems = bubbleListContainer.value!.querySelectorAll('.el-bubble-start');\n\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            const itemBottom = entry.boundingClientRect.bottom;\n            const height = entry.target.clientHeight;\n            const listBottom = bubbleListContainer.value!.getBoundingClientRect().bottom;\n    \n            if (Math.abs(itemBottom - listBottom) < height) {\n              curActiveItem.value = entry.target;\n            }\n          }\n        });\n      }, {\n        root: bubbleListContainer.value!,\n        threshold: [0.1, 0.9]\n      });\n\n      // 3. 为所有消息项添加监听\n      messageItems.forEach(item => {\n        observer.observe(item);\n      });\n\n      return () => {\n        observer.disconnect();\n      }\n    }\n\n    const coreSubmit = (payload, item) => {\n      emit('coreSubmit', payload, item);\n    }\n\n    onMounted(() => {\n      destoryObserver.value = scrollTrigger();\n    })\n\n    return {\n      hoverActiveRefTrigger,\n      showLastActionGroup,\n      hideLastActionGroup,\n      showLastBubbleFooter,\n      clickActiveRefTrigger,\n      clickAction,\n      scrollToBottom,\n      lastRefConfigUpdate,\n      getQuestions,\n      questionClick,\n      isLastItem,\n      getActionBar,\n      onDownloadFile,\n      coreSubmit,\n    };\n  },\n\n  render() {\n    return (\n      <div\n        ref=\"bubbleListContainer\"\n        class=\"bubble-list\"\n      >\n        <BubbleList\n          ref=\"bubbleList\"\n          list={this.list}\n          btnLoading={this.btnLoading}\n          maxHeight={this.maxHeight}\n        >\n          {{\n            header: ({ item }: { item: MessageItem }) => {\n              if (!item.files?.length) {\n                return null;\n              }\n              return (\n                <div class=\"bubble-item-header\">\n                  {\n                    item.files.map((item) => (\n                      <FilesCard\n                        name={item.name}\n                        status=\"done\"\n                      />\n                    ))\n                  }\n                </div>\n              )\n            },\n            content: ({ item }: { item: MessageItem }) => (\n              <XMarkdown\n                key={item.id}\n                typing={item.typing as boolean}\n                speed={this.speed}\n                text={item.content}\n                isHistoryMessage={item.isHistoryMessage}\n                autoHideThinking={this.autoHideThinking}\n                onHoverActiveRefTrigger={this.hoverActiveRefTrigger}\n                onClickActiveRefTrigger={this.clickActiveRefTrigger}\n                onRefConfigUpdate={(refList) => this.lastRefConfigUpdate(refList, item)}\n                onDownloadFile={this.onDownloadFile}\n                onCoreSubmit={(payload) => this.coreSubmit(payload, item)}\n              />\n            ),\n            footer: ({ item }: { item: MessageItem }) => {\n              if (item.role === 'ai') {\n                return (\n                  <div>\n                    {\n                      this.getActionBar(item)\n                    }\n                    {\n                      this.getQuestions(item)\n                    }\n                  </div>\n                )\n              }\n              return null;\n            }\n          }}\n        </BubbleList>\n      </div>\n    );\n  }\n});"],"names":["props","list","type","Array","default","btnLoading","Boolean","maxHeight","String","autoHideThinking","speed","Number","disLikeFeedbackList","undefined","likeFeedbackList","expose","emits","setup","emit","bubbleList","useTemplateRef","bubbleListContainer","showLastBubbleFooter","ref","curActiveItem","destoryObserver","watch","value","newVal","oldVal","refContainer","querySelector","curRefList","JSON","parse","textContent","length","console","log","nextTick","scrollTrigger","hoverActiveRefTrigger","item","clickActiveRefTrigger","showLastActionGroup","hideLastActionGroup","clickAction","content","cancel","message","scrollToBottom","lastRefConfigUpdate","refList","getQuestions","questions","_createVNode","map","question","index","onClick","questionClick","q","isLastItem","getActionBar","showActions","isLast","ActionBar","onDownloadFile","payload","messageItems","querySelectorAll","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","itemBottom","boundingClientRect","bottom","height","target","clientHeight","listBottom","getBoundingClientRect","Math","abs","root","threshold","observe","disconnect","coreSubmit","onMounted","render","BubbleList","header","files","FilesCard","name","XMarkdown","id","typing","isHistoryMessage","footer","role"],"mappings":";;;;;AA6BA,MAAA,wCAA+B;AAAA,EAC7BA,OAAO;AAAA,IACLC,MAAM;AAAA,MACJC,MAAMC;AAAAA,MACNC,SAASA,MAAM,CAAA;AAAA;IAEjBC,YAAY;AAAA,MACVH,MAAMI;AAAAA,MACNF,SAAS;AAAA;IAEXG,WAAW;AAAA,MACTL,MAAMM;AAAAA,MACNJ,SAAS;AAAA;IAEXK,kBAAkB;AAAA,MAChBP,MAAMI;AAAAA,MACNF,SAAS;AAAA;IAEXM,OAAO;AAAA,MACLR,MAAMS;AAAAA,MACNP,SAAS;AAAA;IAEXQ,qBAAqB;AAAA,MACnBV,MAAMC;AAAAA,MACNC,SAASA,MAAMS;AAAAA;IAEjBC,kBAAkB;AAAA,MAChBZ,MAAMC;AAAAA,MACNC,SAASA,MAAMS;AAAAA,IACjB;AAAA;EAEFE,QAAQ,CAAC,uBAAuB,kBAAkB,qBAAqB;AAAA,EACvEC,OAAO,CACL,yBACA,yBACA,QACA,WACA,cACA,QACA,mBACA,iBACA,gBACA,YAAY;AAAA,EAEdC,MAAMjB,OAAO;AAAA,IAAEkB;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,eAAkC,YAAY;AACjE,UAAMC,sBAAsBD,eAAwB,qBAAqB;AACzE,UAAME,uBAAuBC,IAAI,KAAK;AACtC,UAAMC,gBAAgBD,IAAoB,IAAI;AAC9C,UAAME,kBAAkBF,IAAc,MAAM;AAAA,IAAC,CAAC;AAE9CG,UAAM,MAAMF,cAAcG,OAAO,CAACC,QAAQC,WAAW;;AACnD,UAAID,WAAW,MAAM;AACnB;AAAA,MACF;AACA,UAAIC,WAAWD,QAAQ;AACrB;AAAA,MACF;AACA,YAAME,gBAAgBN,mBAAcG,UAAdH,mBAAqCO,cAAc;AACzE,YAAMC,aAAaC,KAAKC,OAAMJ,6CAAcK,gBAAe,IAAI;AAC/DjB,WAAK,mBAAmBc,UAAU;AAAA,IACpC,CAAC;AAEDN,UAAM,MAAM1B,MAAMC,KAAKmC,QAAQ,MAAM;AACnCC,cAAQC,IAAI,qBAAqBtC,MAAMC,KAAKmC,MAAM;AAClDG,eAAS,MAAM;AACbd,wBAAgBE,MAAK;AACrBF,wBAAgBE,QAAQa,cAAa;AAAA,MACvC,CAAC;AAAA,IACH,CAAC;AAED,UAAMC,wBAAyBC,UAAS;AACtCxB,WAAK,yBAAyBwB,IAAI;AAAA,IACpC;AAEA,UAAMC,wBAAyBD,UAAS;AACtCxB,WAAK,yBAAyBwB,IAAI;AAAA,IACpC;AAEA,UAAME,sBAAsBA,MAAM;AAChCtB,2BAAqBK,QAAQ;AAAA,IAC/B;AAEA,UAAMkB,sBAAsBA,MAAM;AAChCvB,2BAAqBK,QAAQ;AAAA,IAC/B;AAEA,UAAMmB,cAAcA,CAAC5C,MAA6B6C,SAASC,QAAQN,SAAS;AAC1ExB,WAAKhB,MAAM;AAAA,QAAE6C;AAAAA,QAASE,SAASP;AAAAA,QAAMM;AAAAA,MAAO,CAAC;AAAA,IAC/C;AAEA,UAAME,iBAAiBA,MAAM;;AAC1B/B,uBAAWQ,UAAXR,mBAA0B+B;AAAAA,IAC7B;AAEA,UAAMC,sBAAsBA,CAACC,SAASV,SAAS;AAE7C,UAAI1C,MAAMC,KAAKD,MAAMC,KAAKmC,SAAS,CAAC,MAAMM,MAAM;AAC9CxB,aAAK,mBAAmBkC,OAAO;AAAA,MACjC;AAAA,IACF;AAEA,UAAMC,eAAgBX,UAAS;AAC7B,UAAIA,KAAKY,aAAaZ,KAAKY,UAAUlB,SAAS,GAAG;AAC/C,eAAAmB,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAA,CAGMb,KAAKY,UAAUE,IAAI,CAACC,UAAUC,WAAU;AACtC,iBAAAH,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,OAGSG;AAAAA,YAAK,WACDC,MAAMC,cAAcH,QAAQ;AAAA,aAAC,CAErCA,UAAQF,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,UAAA,GAAA,IAAA,CAAA,CAAA;AAAA,QAIf,CAAC,CAAC,CAAA;AAAA,MAIV;AACA,aAAO;AAAA,IACT;AAEA,UAAMK,gBAAiBC,OAAM;AAC3B3C,WAAK,iBAAiB2C,CAAC;AAAA,IACzB;AAEA,UAAMC,aAAcpB,UAAsB;AACxC,aAAO1C,MAAMC,KAAKD,MAAMC,KAAKmC,SAAS,CAAC,MAAMM;AAAAA,IAC/C;AAEA,UAAMqB,eAAgBrB,UAAsB;AAE1C,UAAI,OAAOA,KAAKsB,gBAAgB,aAAa,CAACtB,KAAKsB,aAAa;AAC9D,eAAO;AAAA,MACT;AACA,YAAMC,SAASH,WAAWpB,IAAI;AAC9B,UAAIuB,UAAU3C,qBAAqBK,OAAO;AACxC,eAAA4B,YAAAW,WAAA;AAAA,UAAA,UAEYD;AAAAA,UAAM,WACLvB,KAAKK;AAAAA,UAAO,WACZL;AAAAA,UAAI,uBACQ1C,MAAMY;AAAAA,UAAmB,oBAC5BZ,MAAMc;AAAAA,UAAgB,WAC/B6C,CAACzD,MAAM6C,SAASC,WAAWF,YAAY5C,MAAM6C,SAASC,QAAQN,IAAI;AAAA,QAAC,GAAA,IAAA;AAAA,MAGlF;AACA,UAAI,CAACuB,QAAQ;AACX,eAAAV,YAAAW,WAAA;AAAA,UAAA,UAEYD;AAAAA,UAAM,WACLvB,KAAKK;AAAAA,UAAO,WACZL;AAAAA,UAAI,uBACQ1C,MAAMY;AAAAA,UAAmB,oBAC5BZ,MAAMc;AAAAA,UAAgB,WAC/B6C,CAACzD,MAAM6C,SAASC,WAAWF,YAAY5C,MAAM6C,SAASC,QAAQN,IAAI;AAAA,QAAC,GAAA,IAAA;AAAA,MAGlF;AAAA,IACF;AAEA,UAAMyB,iBAAkBC,aAAY;AAClClD,WAAK,gBAAgBkD,OAAO;AAAA,IAC9B;AAEA,UAAM5B,gBAAgBA,MAAM;AAC1B,YAAM6B,eAAehD,oBAAoBM,MAAO2C,iBAAiB,kBAAkB;AAEnF,YAAMC,WAAW,IAAIC,qBAAsBC,aAAY;AACrDA,gBAAQC,QAAQC,WAAS;AACvB,cAAIA,MAAMC,gBAAgB;AACxB,kBAAMC,aAAaF,MAAMG,mBAAmBC;AAC5C,kBAAMC,SAASL,MAAMM,OAAOC;AAC5B,kBAAMC,aAAa9D,oBAAoBM,MAAOyD,sBAAqB,EAAGL;AAEtE,gBAAIM,KAAKC,IAAIT,aAAaM,UAAU,IAAIH,QAAQ;AAC9CxD,4BAAcG,QAAQgD,MAAMM;AAAAA,YAC9B;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH,GAAG;AAAA,QACDM,MAAMlE,oBAAoBM;AAAAA,QAC1B6D,WAAW,CAAC,KAAK,GAAG;AAAA,MACtB,CAAC;AAGDnB,mBAAaK,QAAQhC,UAAQ;AAC3B6B,iBAASkB,QAAQ/C,IAAI;AAAA,MACvB,CAAC;AAED,aAAO,MAAM;AACX6B,iBAASmB,WAAU;AAAA,MACrB;AAAA,IACF;AAEA,UAAMC,aAAaA,CAACvB,SAAS1B,SAAS;AACpCxB,WAAK,cAAckD,SAAS1B,IAAI;AAAA,IAClC;AAEAkD,cAAU,MAAM;AACdnE,sBAAgBE,QAAQa,cAAa;AAAA,IACvC,CAAC;AAED,WAAO;AAAA,MACLC;AAAAA,MACAG;AAAAA,MACAC;AAAAA,MACAvB;AAAAA,MACAqB;AAAAA,MACAG;AAAAA,MACAI;AAAAA,MACAC;AAAAA,MACAE;AAAAA,MACAO;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAI;AAAAA,MACAwB;AAAAA;EAEJ;AAAA,EAEAE,SAAS;AACP,WAAAtC,YAAA,OAAA;AAAA,MAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAA,CAAAA,YAAAuC,YAAA;AAAA,MAAA,OAAA;AAAA,MAAA,QAOY,KAAK7F;AAAAA,MAAI,cACH,KAAKI;AAAAA,MAAU,aAChB,KAAKE;AAAAA,IAAS,GAAA;AAAA,MAGvBwF,QAAQA,CAAC;AAAA,QAAErD;AAAAA,MAA4B,MAAM;;AAC3C,YAAI,GAACA,UAAKsD,UAALtD,mBAAYN,SAAQ;AACvB,iBAAO;AAAA,QACT;AACA,eAAAmB,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAA,CAGMb,KAAKsD,MAAMxC,IAAKd,CAAAA,UAAIa,YAAA0C,WAAA;AAAA,UAAA,QAEVvD,MAAKwD;AAAAA,UAAI,UAAA;AAAA,QAAA,GAAA,IAAA,CAGlB,CAAC,CAAA;AAAA,MAIV;AAAA,MACAnD,SAASA,CAAC;AAAA,QAAEL;AAAAA,YAA6Ba,YAAA4C,WAAA;AAAA,QAAA,OAEhCzD,KAAK0D;AAAAA,QAAE,UACJ1D,KAAK2D;AAAAA,QAAM,SACZ,KAAK3F;AAAAA,QAAK,QACXgC,KAAKK;AAAAA,QAAO,oBACAL,KAAK4D;AAAAA,QAAgB,oBACrB,KAAK7F;AAAAA,QAAgB,2BACd,KAAKgC;AAAAA,QAAqB,2BAC1B,KAAKE;AAAAA,QAAqB,qBAC/BS,aAAY,KAAKD,oBAAoBC,SAASV,IAAI;AAAA,QAAC,kBACvD,KAAKyB;AAAAA,QAAc,gBACpBC,aAAY,KAAKuB,WAAWvB,SAAS1B,IAAI;AAAA,SAAC,IAAA;AAAA,MAG7D6D,QAAQA,CAAC;AAAA,QAAE7D;AAAAA,MAA4B,MAAM;AAC3C,YAAIA,KAAK8D,SAAS,MAAM;AACtB,iBAAAjD,YAAA,OAAA,MAAA,CAGM,KAAKQ,aAAarB,IAAI,GAGtB,KAAKW,aAAaX,IAAI,CAAC,CAAA;AAAA,QAI/B;AACA,eAAO;AAAA,MACT;AAAA,IAAC,CAAA,CAAA,CAAA;AAAA,EAKX;AACF,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/bubble-list/index.tsx"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue';\nimport { BubbleList, FilesCard } from 'vue-element-plus-x';\nimport type { BubbleListItemProps } from 'vue-element-plus-x/types/BubbleList';\nimport './style/index.less';\nimport ActionBar, { BtnItemConfig } from './actionBar';\nimport XMarkdown from '../x-markdown';\n\nexport interface FeedbackItem {\n  title: string;\n  content: string;\n  checked: boolean;\n  // showInput?: boolean; // 是否显示输入框\n}\n\nexport interface MessageItem extends BubbleListItemProps {\n  role: 'user' | 'ai';\n  questions?: Array<string>;\n  speed?: number;\n  id: string;\n  showActions?: boolean;\n  feedback?: 'like' | 'dislike';\n  files?: Array<{\n    id: string,\n    extension: string,\n    name: string,\n  }>;\n  isHistoryMessage?: boolean;\n  historyInputs?: Record<string, any>;\n}\n\nexport default defineComponent({\n  props: {\n    list: {\n      type: Array as () => Array<MessageItem>,\n      default: () => [],\n    },\n    btnLoading: {\n      type: Boolean,\n      default: true,\n    },\n    maxHeight: {\n      type: String,\n      default: '500px',\n    },\n    autoHideThinking: {\n      type: Boolean,\n      default: true,\n    },\n    speed: {\n      type: Number,\n      default: 200,\n    },\n    disLikeFeedbackList: {\n      type: Array as () => Array<FeedbackItem>,\n      default: () => undefined,\n    },\n    likeFeedbackList: {\n      type: Array as () => Array<FeedbackItem>,\n      default: () => undefined,\n    },\n  },\n  expose: ['showLastActionGroup', 'scrollToBottom', 'hideLastActionGroup'],\n  emits: [\n    'hoverActiveRefTrigger',\n    'clickActiveRefTrigger',\n    'like',\n    'dislike',\n    'regenerate',\n    'copy',\n    'refConfigUpdate',\n    'questionClick',\n    'downloadFile',\n    'coreSubmit',\n  ],\n  setup(props, { emit }) {\n    const bubbleList = useTemplateRef<typeof BubbleList>('bubbleList');\n    const bubbleListContainer = useTemplateRef<Element>('bubbleListContainer');\n    const showLastBubbleFooter = ref(false);\n    const curActiveItem = ref<Element | null>(null);\n    const destoryObserver = ref<Function>(() => {});\n\n    watch(() => curActiveItem.value, (newVal, oldVal) => {\n      if (newVal === null) {\n        return;\n      }\n      if (oldVal === newVal) {\n        return;\n      }\n      const refContainer = (curActiveItem.value as HTMLElement)?.querySelector('div[hidden]');\n      const curRefList = JSON.parse(refContainer?.textContent || '[]');\n      emit('refConfigUpdate', curRefList);\n    })\n\n    watch(() => props.list.length, () => {\n      console.log('props.list.length', props.list.length);\n      nextTick(() => {\n        destoryObserver.value();\n        destoryObserver.value = scrollTrigger();\n      })\n    })\n\n    const hoverActiveRefTrigger = (item) => {\n      emit('hoverActiveRefTrigger', item);\n    }\n\n    const clickActiveRefTrigger = (item) => {\n      emit('clickActiveRefTrigger', item);\n    }\n\n    const showLastActionGroup = () => {\n      showLastBubbleFooter.value = true;\n    }\n\n    const hideLastActionGroup = () => {\n      showLastBubbleFooter.value = false;\n    }\n\n    const clickAction = (type: BtnItemConfig['type'], content, cancel, item) => {\n      emit(type, { content, message: item, cancel })\n    }\n\n    const scrollToBottom = () => {\n      (bubbleList.value as any)?.scrollToBottom();\n    }\n\n    const lastRefConfigUpdate = (refList, item) => {\n      // 更新最后一条消息的引用列表\n      if (props.list[props.list.length - 1] === item) {\n        emit('refConfigUpdate', refList);\n      }\n    }\n\n    const getQuestions = (item) => {\n      if (item.questions && item.questions.length > 0) {\n        return (\n          <div class='question-list'>\n            {\n              item.questions.map((question, index) => {\n                return (\n                  <span\n                    class='question-item'\n                    key={index}\n                    onClick={() => questionClick(question)}\n                  >\n                    {question}\n                    <span class='icon'></span>\n                  </span>\n                )\n              })\n            }\n          </div>\n        )\n      }\n      return null;\n    }\n\n    const questionClick = (q) => {\n      emit('questionClick', q)\n    }\n\n    const isLastItem = (item: MessageItem) => {\n      return props.list[props.list.length - 1] === item;\n    }\n\n    const getActionBar = (item: MessageItem) => {\n      // 如果当前项中明确指定不显示actionbar，则不显示\n      if (typeof item.showActions === 'boolean' && !item.showActions) {\n        return null;\n      }\n      const isLast = isLastItem(item);\n      if (isLast && showLastBubbleFooter.value) {\n        return (\n          <ActionBar\n            isLast={isLast}\n            content={item.content}\n            message={item}\n            disLikeFeedbackList={props.disLikeFeedbackList}\n            likeFeedbackList={props.likeFeedbackList}\n            onClick={(type, content, cancel) => clickAction(type, content, cancel, item)}\n          />\n        )\n      }\n      if (!isLast) {\n        return (\n          <ActionBar\n            isLast={isLast}\n            content={item.content}\n            message={item}\n            disLikeFeedbackList={props.disLikeFeedbackList}\n            likeFeedbackList={props.likeFeedbackList}\n            onClick={(type, content, cancel) => clickAction(type, content, cancel, item)}\n          />\n        );\n      }\n    }\n\n    const onDownloadFile = (payload) => {\n      emit('downloadFile', payload);\n    }\n\n    const scrollTrigger = () => {\n      const messageItems = bubbleListContainer.value!.querySelectorAll('.el-bubble-start');\n\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            const itemBottom = entry.boundingClientRect.bottom;\n            const height = entry.target.clientHeight;\n            const listBottom = bubbleListContainer.value!.getBoundingClientRect().bottom;\n    \n            if (Math.abs(itemBottom - listBottom) < height) {\n              curActiveItem.value = entry.target;\n            }\n          }\n        });\n      }, {\n        root: bubbleListContainer.value!,\n        threshold: [0.1, 0.9]\n      });\n\n      // 3. 为所有消息项添加监听\n      messageItems.forEach(item => {\n        observer.observe(item);\n      });\n\n      return () => {\n        observer.disconnect();\n      }\n    }\n\n    const coreSubmit = (payload, item) => {\n      emit('coreSubmit', payload, item);\n    }\n\n    onMounted(() => {\n      destoryObserver.value = scrollTrigger();\n    })\n\n    return {\n      hoverActiveRefTrigger,\n      showLastActionGroup,\n      hideLastActionGroup,\n      showLastBubbleFooter,\n      clickActiveRefTrigger,\n      clickAction,\n      scrollToBottom,\n      lastRefConfigUpdate,\n      getQuestions,\n      questionClick,\n      isLastItem,\n      getActionBar,\n      onDownloadFile,\n      coreSubmit,\n    };\n  },\n\n  render() {\n    return (\n      <div\n        ref=\"bubbleListContainer\"\n        class=\"bubble-list\"\n      >\n        <BubbleList\n          ref=\"bubbleList\"\n          list={this.list}\n          btnLoading={this.btnLoading}\n          maxHeight={this.maxHeight}\n        >\n          {{\n            header: ({ item }: { item: MessageItem }) => {\n              if (!item.files?.length) {\n                return null;\n              }\n              return (\n                <div class=\"bubble-item-header\">\n                  {\n                    item.files.map((item) => (\n                      <FilesCard\n                        name={item.name}\n                        status=\"done\"\n                      />\n                    ))\n                  }\n                </div>\n              )\n            },\n            content: ({ item }: { item: MessageItem }) => (\n              <XMarkdown\n                key={item.id}\n                typing={item.typing as boolean}\n                speed={this.speed}\n                text={item.content}\n                historyInputs={item.historyInputs}\n                isHistoryMessage={item.isHistoryMessage}\n                autoHideThinking={this.autoHideThinking}\n                onHoverActiveRefTrigger={this.hoverActiveRefTrigger}\n                onClickActiveRefTrigger={this.clickActiveRefTrigger}\n                onRefConfigUpdate={(refList) => this.lastRefConfigUpdate(refList, item)}\n                onDownloadFile={this.onDownloadFile}\n                onCoreSubmit={(payload) => this.coreSubmit(payload, item)}\n              />\n            ),\n            footer: ({ item }: { item: MessageItem }) => {\n              if (item.role === 'ai') {\n                return (\n                  <div>\n                    {\n                      this.getActionBar(item)\n                    }\n                    {\n                      this.getQuestions(item)\n                    }\n                  </div>\n                )\n              }\n              return null;\n            }\n          }}\n        </BubbleList>\n      </div>\n    );\n  }\n});"],"names":["props","list","type","Array","default","btnLoading","Boolean","maxHeight","String","autoHideThinking","speed","Number","disLikeFeedbackList","undefined","likeFeedbackList","expose","emits","setup","emit","bubbleList","useTemplateRef","bubbleListContainer","showLastBubbleFooter","ref","curActiveItem","destoryObserver","watch","value","newVal","oldVal","refContainer","querySelector","curRefList","JSON","parse","textContent","length","console","log","nextTick","scrollTrigger","hoverActiveRefTrigger","item","clickActiveRefTrigger","showLastActionGroup","hideLastActionGroup","clickAction","content","cancel","message","scrollToBottom","lastRefConfigUpdate","refList","getQuestions","questions","_createVNode","map","question","index","onClick","questionClick","q","isLastItem","getActionBar","showActions","isLast","ActionBar","onDownloadFile","payload","messageItems","querySelectorAll","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","itemBottom","boundingClientRect","bottom","height","target","clientHeight","listBottom","getBoundingClientRect","Math","abs","root","threshold","observe","disconnect","coreSubmit","onMounted","render","BubbleList","header","files","FilesCard","name","XMarkdown","id","typing","historyInputs","isHistoryMessage","footer","role"],"mappings":"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"}

package/dist/es/components/core-card/index.js

@@ -0,0 +1,76 @@
+import { defineComponent, createVNode, ref, computed } from "vue";
+import { ElCard } from "element-plus";
+/* empty css                                                                                                                            */
+/* empty css                                                                                                                            */
+/* empty css           */
+const CoreCard = /* @__PURE__ */ defineComponent({
+  name: "CoreCard",
+  props: {
+    header: {
+      type: String,
+      default: ""
+    },
+    shadow: {
+      type: String,
+      default: "always"
+    },
+    collapsible: {
+      type: Boolean,
+      default: true
+    },
+    defaultCollapsed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const isCollapsed = ref(props.defaultCollapsed);
+    const toggleCollapse = () => {
+      if (props.collapsible) {
+        isCollapsed.value = !isCollapsed.value;
+      }
+    };
+    const collapseIconClass = computed(() => {
+      return isCollapsed.value ? "core-card__collapse-icon--collapsed" : "core-card__collapse-icon--expanded";
+    });
+    return {
+      isCollapsed,
+      toggleCollapse,
+      collapseIconClass
+    };
+  },
+  render() {
+    const hasHeader = this.header || this.$slots.header;
+    return createVNode(ElCard, {
+      "class": "core-card",
+      "shadow": this.shadow
+    }, {
+      header: hasHeader ? () => createVNode("div", {
+        "class": "core-card__header",
+        "onClick": this.toggleCollapse,
+        "style": this.collapsible ? {
+          cursor: "pointer"
+        } : {}
+      }, [createVNode("span", {
+        "class": "core-card__header-text"
+      }, [this.$slots.header ? this.$slots.header() : this.header]), this.collapsible && createVNode("i", {
+        "class": `core-card__collapse-icon ${this.collapseIconClass}`
+      }, null)]) : void 0,
+      default: () => {
+        var _a, _b;
+        return createVNode("div", {
+          "class": {
+            "core-card__body": true,
+            "core-card__body--collapsed": this.isCollapsed
+          }
+        }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+      }
+    });
+  }
+});
+export {
+  CoreCard as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/components/core-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/core-card/index.tsx"],"sourcesContent":["import { defineComponent, ref, PropType, computed } from 'vue';\nimport { ElCard } from 'element-plus';\nimport './style.less';\n\nexport default defineComponent({\n  name: 'CoreCard',\n  props: {\n    header: {\n      type: String,\n      default: '',\n    },\n    shadow: {\n      type: String as PropType<'always' | 'never' | 'hover'>,\n      default: 'always',\n    },\n    collapsible: {\n      type: Boolean,\n      default: true,\n    },\n    defaultCollapsed: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props, { slots }) {\n    const isCollapsed = ref(props.defaultCollapsed);\n\n    const toggleCollapse = () => {\n      if (props.collapsible) {\n        isCollapsed.value = !isCollapsed.value;\n      }\n    };\n\n    const collapseIconClass = computed(() => {\n      return isCollapsed.value ? 'core-card__collapse-icon--collapsed' : 'core-card__collapse-icon--expanded';\n    });\n\n    return {\n      isCollapsed,\n      toggleCollapse,\n      collapseIconClass,\n    };\n  },\n  render() {\n    const hasHeader = this.header || this.$slots.header;\n    \n    return (\n      <ElCard\n        class=\"core-card\"\n        shadow={this.shadow}\n      >\n        {{\n          header: hasHeader ? () => (\n            <div \n              class=\"core-card__header\" \n              onClick={this.toggleCollapse}\n              style={this.collapsible ? { cursor: 'pointer' } : {}}\n            >\n              <span class=\"core-card__header-text\">\n                {this.$slots.header ? this.$slots.header() : this.header}\n              </span>\n              {this.collapsible && (\n                <i class={`core-card__collapse-icon ${this.collapseIconClass}`}></i>\n              )}\n            </div>\n          ) : undefined,\n          default: () => (\n            <div\n              class={{\n                'core-card__body': true,\n                'core-card__body--collapsed': this.isCollapsed,\n              }}\n            >\n              {this.$slots.default?.()}\n            </div>\n          ),\n        }}\n      </ElCard>\n    );\n  },\n});\n\n"],"names":["name","props","header","type","String","default","shadow","collapsible","Boolean","defaultCollapsed","setup","slots","isCollapsed","ref","toggleCollapse","value","collapseIconClass","computed","render","hasHeader","$slots","_createVNode","ElCard","cursor","undefined"],"mappings":";;;;;AAIA,MAAA,2CAA+B;AAAA,EAC7BA,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,SAAS;AAAA;IAEXC,QAAQ;AAAA,MACNH,MAAMC;AAAAA,MACNC,SAAS;AAAA;IAEXE,aAAa;AAAA,MACXJ,MAAMK;AAAAA,MACNH,SAAS;AAAA;IAEXI,kBAAkB;AAAA,MAChBN,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACX;AAAA;EAEFK,MAAMT,OAAO;AAAA,IAAEU;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,IAAIZ,MAAMQ,gBAAgB;AAE9C,UAAMK,iBAAiBA,MAAM;AAC3B,UAAIb,MAAMM,aAAa;AACrBK,oBAAYG,QAAQ,CAACH,YAAYG;AAAAA,MACnC;AAAA,IACF;AAEA,UAAMC,oBAAoBC,SAAS,MAAM;AACvC,aAAOL,YAAYG,QAAQ,wCAAwC;AAAA,IACrE,CAAC;AAED,WAAO;AAAA,MACLH;AAAAA,MACAE;AAAAA,MACAE;AAAAA;EAEJ;AAAA,EACAE,SAAS;AACP,UAAMC,YAAY,KAAKjB,UAAU,KAAKkB,OAAOlB;AAE7C,WAAAmB,YAAAC,QAAA;AAAA,MAAA,SAAA;AAAA,MAAA,UAGY,KAAKhB;AAAAA,IAAM,GAAA;AAAA,MAGjBJ,QAAQiB,YAAY,MAAAE,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAGP,KAAKP;AAAAA,QAAc,SACrB,KAAKP,cAAc;AAAA,UAAEgB,QAAQ;AAAA,QAAU,IAAI,CAAA;AAAA,MAAE,GAAA,CAAAF,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,SAAA,CAGjD,KAAKD,OAAOlB,SAAS,KAAKkB,OAAOlB,OAAM,IAAK,KAAKA,MAAM,IAEzD,KAAKK,eAAWc,YAAA,KAAA;AAAA,QAAA,SACL,4BAA4B,KAAKL,iBAAiB;AAAA,SAAE,IAAA,CAC/D,CAAA,IAEDQ;AAAAA,MACJnB,SAASA,MAAAA;;AAAAgB,2BAAA,OAAA;AAAA,UAAA,SAEE;AAAA,YACL,mBAAmB;AAAA,YACnB,8BAA8B,KAAKT;AAAAA,UACrC;AAAA,QAAC,GAAA,EAEA,gBAAKQ,QAAOf,YAAZ,2BAAuB,CAAA;AAAA;AAAA,IAE3B,CAAA;AAAA,EAIT;AACF,CAAC;"}

package/dist/es/components/index.js

@@ -8,8 +8,10 @@ import { default as default8 } from "./core-tips/index.js";
 import { default as default9 } from "./core-result/index.js";
 import { default as default10 } from "./core-table/index.js";
 import { default as default11 } from "./core-chart/index.js";
+import { default as default12 } from "./core-card/index.js";
 export {
   default2 as BubbleList,
+  default12 as CoreCard,
   default11 as CoreChart,
   default9 as CoreResult,
   default10 as CoreTable,

package/dist/es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/es/components/x-markdown/index.js

@@ -36,6 +36,7 @@ import CoreTips from "../core-tips/index.js";
 import CoreResult from "../core-result/index.js";
 import CoreTable from "../core-table/index.js";
 import CoreChart from "../core-chart/index.js";
+import CoreCard from "../core-card/index.js";
 /* empty css                                                                           */
 import zhCn from "../../node_modules/.pnpm/element-plus@2.11.8_vue@3.5.24_typescript@5.6.3_/node_modules/element-plus/es/locale/lang/zh-cn.js";
 import { unified } from "../../node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.js";
@@ -62,6 +63,22 @@ const checkAndReturnRefList = (text) => {
     return [];
   }
 };
+const isCompleteJSON = (jsonStr) => {
+  if (!jsonStr || jsonStr.trim().length === 0) {
+    return false;
+  }
+  const trimmed = jsonStr.trim();
+  const firstChar = trimmed[0];
+  if (firstChar !== "{" && firstChar !== "[") {
+    return false;
+  }
+  try {
+    JSON.parse(trimmed);
+    return true;
+  } catch (error) {
+    return false;
+  }
+};
 const XMarkdown = /* @__PURE__ */ defineComponent({
   name: "XMarkdown",
   props: {
@@ -84,6 +101,10 @@ const XMarkdown = /* @__PURE__ */ defineComponent({
     isHistoryMessage: {
       type: Boolean,
       default: false
+    },
+    historyInputs: {
+      type: Object,
+      default: () => ({})
     }
   },
   expose: ["getContentText"],
@@ -103,6 +124,7 @@ const XMarkdown = /* @__PURE__ */ defineComponent({
     const curIndex = ref(0);
     let curInit = 0;
     const ast = ref(null);
+    const isRewrite = ref(false);
     const streamCall = (stream) => {
       context.value = context.value + stream;
     };
@@ -147,9 +169,22 @@ ${divContent}${divEnd}`;
       }
       return content;
     });
-    const disabled = computed(() => {
-      return props.isHistoryMessage;
-    });
+    const checkDisabled = (node) => {
+      const {
+        properties = {},
+        parentScope
+      } = node;
+      const {
+        disabled
+      } = properties;
+      if (disabled) {
+        return true;
+      }
+      if (parentScope === "form") {
+        return props.isHistoryMessage && !isRewrite.value;
+      }
+      return false;
+    };
     watch(() => [props.text, props.typing], (v, o) => {
       var _a, _b, _c, _d;
       const [text, typing] = v;
@@ -256,6 +291,11 @@ ${divContent}${divEnd}`;
         curIndex.value -= 1;
         return;
       }
+      if (action === "inner_rewrite") {
+        isRewrite.value = true;
+        console.log("isRewrite", isRewrite.value);
+        return;
+      }
       let res = {
         action,
         payload: {}
@@ -275,6 +315,9 @@ ${divContent}${divEnd}`;
           }
         };
       }
+      if (isRewrite.value && action.startsWith("core_")) {
+        isRewrite.value = false;
+      }
       emit("coreSubmit", res);
     };
     const handleClick = (e) => {
@@ -362,7 +405,11 @@ ${divContent}${divEnd}`;
       var _a;
       if (!schema || typeof schema !== "object") return;
       if (schema.type === "form") {
-        const formData = ((_a = schema.properties) == null ? void 0 : _a.data) || {};
+        const formData = {
+          ...((_a = schema.properties) == null ? void 0 : _a.data) || {},
+          // FIXME 目前只有卡片里面仅有可能出现单个表单，需要需要支持多表单场景
+          ...props.historyInputs || {}
+        };
         formDataList.push(formData);
         return;
       }
@@ -424,8 +471,38 @@ ${divContent}${divEnd}`;
     }, {
       immediate: true
     });
+    const renderSkeleton = () => {
+      return h("div", {
+        class: "hitl-skeleton"
+      }, [
+        // 头部骨架
+        h("div", {
+          class: "skeleton-header"
+        }, [h("div", {
+          class: "skeleton-avatar"
+        }), h("div", {
+          class: "skeleton-title"
+        })]),
+        // 内容骨架
+        h("div", {
+          class: "skeleton-item skeleton-item-long"
+        }),
+        h("div", {
+          class: "skeleton-item skeleton-item-medium"
+        }),
+        h("div", {
+          class: "skeleton-item skeleton-item-short"
+        }),
+        h("div", {
+          class: "skeleton-item skeleton-item-long"
+        }),
+        h("div", {
+          class: "skeleton-item skeleton-item-medium"
+        })
+      ]);
+    };
     const hastToVNode = (node, index, row) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
       if (!node) return null;
       let children = [];
       const blackTagNames = ["sub", "pre", "text", "ElForm"];
@@ -506,6 +583,11 @@ ${divContent}${divEnd}`;
               ...node.properties
             }, children);
           }
+          if (node.tagName === "CoreCard") {
+            return h(CoreCard, {
+              ...node.properties
+            }, children);
+          }
           if (node.tagName === "ElForm") {
             const children2 = (_d = node.children) == null ? void 0 : _d.map((child) => hastToVNode(child, curInit));
             curInit++;
@@ -513,7 +595,7 @@ ${divContent}${divEnd}`;
               ref: formRefs.value.set,
               model: hitlData.value[index],
               ...node.properties,
-              disabled: ((_e = node.properties) == null ? void 0 : _e.disabled) || disabled.value
+              disabled: checkDisabled(node)
             }, children2);
           }
           if (node.tagName === "ElFormItem") {
@@ -522,13 +604,13 @@ ${divContent}${divEnd}`;
             }, children);
           }
           if (node.tagName === "ElButton") {
-            let payload = (_f = node.properties) == null ? void 0 : _f.payload;
+            let payload = (_e = node.properties) == null ? void 0 : _e.payload;
             if (node.parentScope === "table") {
               payload = row;
             }
             return h(ElButton, {
               ...node.properties,
-              disabled: ((_g = node.properties) == null ? void 0 : _g.disabled) || disabled.value,
+              disabled: checkDisabled(node),
               onClick: () => {
                 var _a2;
                 btnClick(index, (_a2 = node.properties) == null ? void 0 : _a2.action, payload, node.parentScope);
@@ -538,8 +620,8 @@ ${divContent}${divEnd}`;
           if (node.tagName === "ElSelect") {
             return h(ElSelect, {
               ...node.properties,
-              disabled: ((_h = node.properties) == null ? void 0 : _h.disabled) || disabled.value,
-              modelValue: hitlData.value[index][(_i = node.properties) == null ? void 0 : _i.formProp],
+              disabled: checkDisabled(node),
+              modelValue: hitlData.value[index][(_f = node.properties) == null ? void 0 : _f.formProp],
               "onUpdate:modelValue": (value) => {
                 var _a2;
                 hitlData.value[index][(_a2 = node.properties) == null ? void 0 : _a2.formProp] = value;
@@ -549,8 +631,8 @@ ${divContent}${divEnd}`;
           if (node.tagName === "ElDatePicker") {
             return h(ElDatePicker, {
               ...node.properties,
-              disabled: ((_j = node.properties) == null ? void 0 : _j.disabled) || disabled.value,
-              modelValue: hitlData.value[index][(_k = node.properties) == null ? void 0 : _k.formProp],
+              disabled: checkDisabled(node),
+              modelValue: hitlData.value[index][(_g = node.properties) == null ? void 0 : _g.formProp],
               "onUpdate:modelValue": (value) => {
                 var _a2;
                 hitlData.value[index][(_a2 = node.properties) == null ? void 0 : _a2.formProp] = value;
@@ -560,8 +642,8 @@ ${divContent}${divEnd}`;
           if (node.tagName === "ElInput") {
             return h(ElInput, {
               ...node.properties,
-              disabled: ((_l = node.properties) == null ? void 0 : _l.disabled) || disabled.value,
-              modelValue: hitlData.value[index][(_m = node.properties) == null ? void 0 : _m.formProp],
+              disabled: checkDisabled(node),
+              modelValue: hitlData.value[index][(_h = node.properties) == null ? void 0 : _h.formProp],
               "onUpdate:modelValue": (value) => {
                 var _a2;
                 hitlData.value[index][(_a2 = node.properties) == null ? void 0 : _a2.formProp] = value;
@@ -571,8 +653,8 @@ ${divContent}${divEnd}`;
           if (node.tagName === "ElRadioGroup") {
             return h(ElRadioGroup, {
               ...node.properties,
-              disabled: ((_n = node.properties) == null ? void 0 : _n.disabled) || disabled.value,
-              modelValue: hitlData.value[index][(_o = node.properties) == null ? void 0 : _o.formProp],
+              disabled: checkDisabled(node),
+              modelValue: hitlData.value[index][(_i = node.properties) == null ? void 0 : _i.formProp],
               "onUpdate:modelValue": (value) => {
                 var _a2;
                 hitlData.value[index][(_a2 = node.properties) == null ? void 0 : _a2.formProp] = value;
@@ -582,7 +664,7 @@ ${divContent}${divEnd}`;
           if (node.tagName === "ElRadio") {
             return h(ElRadio, {
               ...node.properties,
-              disabled: ((_p = node.properties) == null ? void 0 : _p.disabled) || disabled.value
+              disabled: checkDisabled(node)
             }, children);
           }
           if (node.tagName === "ElTable") {
@@ -629,10 +711,13 @@ ${divContent}${divEnd}`;
             });
           }
           if (node.tagName === "pre") {
-            const codeNode = (_q = node.children) == null ? void 0 : _q.find((child) => child.tagName === "code");
+            const codeNode = (_j = node.children) == null ? void 0 : _j.find((child) => child.tagName === "code");
             if (codeNode) {
-              if ((_s = (_r = codeNode.properties) == null ? void 0 : _r.className) == null ? void 0 : _s.includes("language-CorePilot")) {
-                const code = ((_u = (_t = codeNode.children) == null ? void 0 : _t[0]) == null ? void 0 : _u.value) || "";
+              if ((_l = (_k = codeNode.properties) == null ? void 0 : _k.className) == null ? void 0 : _l.includes("language-CorePilot")) {
+                const code = ((_n = (_m = codeNode.children) == null ? void 0 : _m[0]) == null ? void 0 : _n.value) || "";
+                if (!isCompleteJSON(code)) {
+                  return renderSkeleton();
+                }
                 try {
                   const schema = JSON.parse(code);
                   const viewTree = parseCorePilot(schema);
@@ -641,7 +726,7 @@ ${divContent}${divEnd}`;
                     class: "hitl-wrapper"
                   }, [children2]);
                 } catch (error) {
-                  return null;
+                  return renderSkeleton();
                 }
               }
             }
@@ -661,6 +746,7 @@ ${divContent}${divEnd}`;
       ast,
       container,
       renderComplete,
+      isRewrite,
       getContentText
     };
   },