ll-plus 2.4.2 → 2.4.4

package/es/packages/components/input-number/src/input-number.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-number.vue2.mjs","sources":["../../../../../../packages/components/input-number/src/input-number.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div v-if=\"!detailed\" :class=\"bem.e('container')\">\n      <InputNumber\n        v-model:value=\"innerValue\"\n        v-bind=\"getBindValue\"\n        @change=\"onChange\"\n      >\n        <template v-for=\"item in Object.keys($slots)\" #[item]=\"data\">\n          <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n        </template>\n        <template v-if=\"getBindValue.unit\" #addonAfter>\n          <div :class=\"bem.e('unit')\">\n            {{ getBindValue.unit }}\n          </div>\n        </template>\n      </InputNumber>\n    </div>\n\n    <p\n      v-if=\"detailed\"\n      :class=\"bem.e('detailed')\"\n      :title=\"thousands ? thousandsFormat(innerValue) : innerValue\"\n    >\n      <span v-if=\"$attrs.addonBefore\">{{ $attrs.addonBefore }}</span>\n      {{ thousands ? thousandsFormat(innerValue) : innerValue }}\n      <span v-if=\"$attrs.addonAfter\">{{ $attrs.addonAfter }}</span>\n    </p>\n    <p\n      v-if=\"isAmountChinese && getChineseName\"\n      :class=\"bem.e('amount-chinese-name')\"\n    >\n      {{ getChineseName }}\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch, useAttrs } from 'vue'\nimport { InputNumber } from 'ant-design-vue'\nimport { isNil } from 'lodash-es'\nimport {\n  getAmountChinese,\n  thousandsFormat,\n  createNamespace\n} from '@ll-plus/utils'\nimport { inputNumberProps, inputNumberEmits } from './input-number'\nimport { integerDict, type Integer } from './config'\nimport type { InputNumberProps } from 'ant-design-vue'\ndefineOptions({ name: 'LlInputNumber' })\nconst props = defineProps(inputNumberProps)\nconst emit = defineEmits(inputNumberEmits)\nconst bem = createNamespace('input-number')\nconst attrs = useAttrs()\nconst innerValue = ref('')\nconst integerCongfig = computed(() => {\n  let obj = {} as Integer\n  if (props.integer) {\n    obj = integerDict[props.integer]\n  }\n  return obj\n})\n\nconst getBindValue = computed(() => {\n  const bindValue = {\n    ...attrs,\n    ...integerCongfig.value\n  } as InputNumberProps & { unit: string }\n  if (props.thousands) {\n    bindValue.formatter = (value: string | number) => thousandsFormat(value)\n    bindValue.parser = (value: string) => value.replace(/\\$\\s?|(,*)/g, '')\n  }\n  return bindValue\n})\n\nconst getChineseName = computed(() => {\n  let str = ''\n  str =\n    !props.isAmountChinese || isNil(innerValue.value)\n      ? ''\n      : getAmountChinese(Number(innerValue.value))\n  return str\n})\n\nwatch(\n  () => props.value,\n  val => {\n    setValue(val)\n  },\n  { immediate: true }\n)\n\nfunction setValue(value) {\n  innerValue.value = isNil(value) || isNaN(value) ? null : value\n  // (!value && value !== 0) || isNaN(value) ? null : Number(value)\n}\nfunction onChange(value) {\n  emit('update:value', value)\n  emit('change', value)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAkDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAC1C,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,UAAA,GAAa,IAAI,EAAE,CAAA,CAAA;AACzB,IAAM,MAAA,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,IAAI,MAAM,EAAC,CAAA;AACX,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAM,GAAA,GAAA,WAAA,CAAY,MAAM,OAAO,CAAA,CAAA;AAAA,OACjC;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,SAAY,GAAA;AAAA,QAChB,GAAG,KAAA;AAAA,QACH,GAAG,cAAe,CAAA,KAAA;AAAA,OACpB,CAAA;AACA,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAA,SAAA,CAAU,SAAY,GAAA,CAAC,KAA2B,KAAA,eAAA,CAAgB,KAAK,CAAA,CAAA;AACvE,QAAA,SAAA,CAAU,SAAS,CAAC,KAAA,KAAkB,KAAM,CAAA,OAAA,CAAQ,eAAe,EAAE,CAAA,CAAA;AAAA,OACvE;AACA,MAAO,OAAA,SAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,IAAI,GAAM,GAAA,EAAA,CAAA;AACV,MAAA,GAAA,GACE,CAAC,KAAA,CAAM,eAAmB,IAAA,KAAA,CAAM,UAAW,CAAA,KAAK,CAC5C,GAAA,EAAA,GACA,gBAAiB,CAAA,MAAA,CAAO,UAAW,CAAA,KAAK,CAAC,CAAA,CAAA;AAC/C,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,OACd;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;AAEA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,UAAA,CAAW,QAAQ,KAAM,CAAA,KAAK,KAAK,KAAM,CAAA,KAAK,IAAI,IAAO,GAAA,KAAA,CAAA;AAAA,KAE3D;AACA,IAAA,SAAS,SAAS,KAAO,EAAA;AACvB,MAAA,IAAA,CAAK,gBAAgB,KAAK,CAAA,CAAA;AAC1B,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/key-value/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/key-value/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport KeyValue from './src/key-value.vue'\n\nexport const LlKeyValue = withInstall(KeyValue)\n\nexport default LlKeyValue\n\nexport * from './src/config'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlKeyValue: typeof KeyValue\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAIa,MAAA,UAAA,GAAa,YAAY,QAAQ;;;;"}

package/es/packages/components/key-value/src/components/key-value-item.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './key-value-item.vue2.mjs';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var keyValueItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "key-value-item.vue"]]);
+
+export { keyValueItem as default };
+//# sourceMappingURL=key-value-item.vue.mjs.map

package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"props.keyValueType !== 'single'\" :class=\"bem.m('left')\">\n            <ll-form-item\n              :label=\"attrs['key-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getKeyType.rules || []\"\n              name=\"key\"\n            >\n              <slot name=\"key\">\n                <ll-select\n                  v-if=\"!isEmpty(props.keyTypes)\"\n                  v-model:value=\"innerValue['key']\"\n                  :options=\"props.keyTypes\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                  placeholder=\"请选择\"\n                  allow-clear\n                  @change=\"handleChange\"\n                />\n                <component\n                  :is=\"`ll-${getKeyType.type}`\"\n                  v-else\n                  v-model:value=\"innerValue['key']\"\n                  v-bind=\"getKeyType\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"key\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <div\n            v-if=\"props.keyValueType !== 'single'\"\n            :class=\"bem.m('separator')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <slot name=\"separator\">~</slot>\n          </div>\n\n          <div :class=\"bem.m('right')\">\n            <ll-form-item\n              :label=\"attrs['value-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getValueType.rules || []\"\n              name=\"value\"\n            >\n              <slot name=\"value-warapper\" v-bind=\"getValueType\">\n                <component\n                  :is=\"`ll-${getValueType.type}`\"\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"getValueDisabled\"\n                  style=\"width: 100%\"\n                  v-bind=\"getValueType\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"value\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <a-popconfirm\n            title=\"你确定要移除吗?\"\n            ok-text=\"确认\"\n            cancel-text=\"取消\"\n            placement=\"topRight\"\n            :overlay-class-name=\"bem.m('popconfirm')\"\n            :get-popup-container=\"(trigger: Element) => trigger.parentNode\"\n            destroy-tooltip-on-hide\n            @confirm=\"handleDelete\"\n          >\n            <div\n              v-if=\"props.showDelete\"\n              :class=\"bem.m('delete')\"\n              :style=\"{\n                'margin-top':\n                  !!attrs['key-label'] || !!attrs['value-label']\n                    ? '26px'\n                    : '0px'\n              }\"\n            >\n              <ll-button type=\"link\" :disabled=\"getDeleteDisabled\">\n                <slot name=\"delete-icon\">\n                  <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                </slot>\n              </ll-button>\n            </div>\n          </a-popconfirm>\n        </div>\n      </template>\n    </template>\n  </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch, nextTick } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport type { FormInstance } from '@ll-plus/components'\nimport {\n  keyValueItemProps,\n  keyValueItemEmits,\n  formColumns,\n  formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\ndefineOptions({\n  name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst form = ref<FormInstance | null>()\n\nconst getKeyType = computed<FormColumn>(() => {\n  const option = props.keyType\n  return option\n})\nconst getValueType = computed<FormColumn>(() => {\n  let option = props.valueType\n  if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n    option = props.keyValueTypeDict[innerValue.value['key']]\n  }\n  return option\n})\n\nconst getKeyDisabled = computed(() => {\n  return (\n    props.disabledKey?.includes(props.idx) ||\n    props.disabled ||\n    getKeyType.value?.disabled\n  )\n})\n\nconst getValueDisabled = computed(() => {\n  return (\n    props.disabledValue?.includes(props.idx) ||\n    props.disabled ||\n    getValueType.value?.disabled\n  )\n})\n\nconst getDeleteDisabled = computed(() => {\n  return props.disabledDelete?.includes(props.idx) || props.disabled\n})\n\nconst handleDelete = () => {\n  emits('delete')\n}\n\nconst handleChange = async () => {\n  innerValue.value['value'] = null\n  await form.value?.clearValidate()\n}\n\nconst validate = async () => {\n  return await form.value?.validate()\n}\n\nconst resetFields = async () => {\n  return await form.value?.resetFields()\n}\nconst clearValidate = async (namePath?: NamePath[]) => {\n  return await form.value?.clearValidate(namePath)\n}\n\nwatch(\n  innerValue,\n  async val => {\n    await nextTick().then(() => {\n      try {\n        emits('update:value', val)\n        emits('change')\n      } catch (error) {\n        console.error(error)\n      }\n    })\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate\n})\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":"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"}

package/es/packages/components/key-value/src/config/key-value-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value-item.mjs","sources":["../../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\nimport type { FormColumn } from '@ll-plus/components'\nimport type { KeyType } from './'\n\nexport const typeRules = [\n  {\n    trigger: ['blur', 'change'],\n    message: '此字段是必需的',\n    validator: async (_rule: any, value: any) => {\n      if (!value) {\n        return Promise.reject(new Error('此字段是必需的'))\n      } else {\n        return Promise.resolve()\n      }\n    }\n  }\n]\nexport const formOptions = {\n  layout: 'horizontal',\n  labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n  {\n    key: 'other',\n    labelCol: {\n      span: 24\n    }\n  }\n]\n\nexport interface KeyValueItem {\n  key: any | null\n  value: any | null\n}\n\nexport const keyValueItemProps = buildProps({\n  disabled: {\n    type: Boolean\n  },\n  disabledValue: {\n    type: definePropType<number[]>(Array)\n  },\n  disabledKey: {\n    type: definePropType<number[]>(Array)\n  },\n  disabledDelete: {\n    type: definePropType<number[]>(Array)\n  },\n  keyValueType: {\n    type: definePropType<'single' | 'doubt'>(String)\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object)\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array)\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object)\n  },\n  value: {\n    type: definePropType<KeyValueItem>(Object),\n    default: () => ({\n      key: '',\n      value: ''\n    })\n  },\n  idx: {\n    type: Number,\n    required: true\n  },\n  keyValueTypeDict: {\n    type: Object,\n    default: () => ({})\n  },\n  showDelete: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport const keyValueItemEmits = {\n  delete: () => true,\n  change: () => true,\n  'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAOO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAmC,MAAM,CAAA;AAAA,GACjD;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,GACvC;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;"}

package/es/packages/components/key-value/src/config/key-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value.mjs","sources":["../../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../key-value.vue'\n\nexport interface KeyType {\n  label: string\n  value: string\n  option: FormColumn\n}\n\ntype KeyValueType = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n  key: null,\n  value: null\n})\n\nexport const keyValueProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem[]>(Array),\n    default: () => [{ key: '', value: '' }]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  keyLabel: {\n    type: String,\n    default: ''\n  },\n  valueLabel: {\n    type: String,\n    default: ''\n  },\n  addText: {\n    type: String,\n    default: '添加'\n  },\n  keyValueType: {\n    type: definePropType<KeyValueType>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入key'\n    })\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array),\n    default: () => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入value'\n    })\n  },\n  disabledValue: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledKey: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledDelete: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledAdd: {\n    type: Boolean,\n    default: false\n  },\n  validate: {\n    type: Boolean,\n    default: false\n  }\n} as const)\n\nexport interface KeyValueAddEmits {\n  index: number\n  item: KeyValueItem\n  value: KeyValueItem[]\n}\n\nexport const keyValueEmits = {\n  change: (value: KeyValueItem[]) => !!value,\n  add: (params: KeyValueAddEmits) => !!params,\n  delete: (index: number) => typeof index === 'number',\n  'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":[],"mappings":";;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,EAAI,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,GACxC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAQH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,GAAK,EAAA,CAAC,MAA6B,KAAA,CAAC,CAAC,MAAA;AAAA,EACrC,MAAQ,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAAA,EAC5C,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;"}

package/es/packages/components/key-value/src/key-value.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './key-value.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var KeyValue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "key-value.vue"]]);
+
+export { KeyValue as default };
+//# sourceMappingURL=key-value.vue.mjs.map

package/es/packages/components/key-value/src/key-value.vue2.mjs

@@ -0,0 +1,198 @@
+import { defineComponent, ref, computed, nextTick, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, Fragment, renderList, createBlock, createSlots, renderSlot, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { Form } from 'ant-design-vue';
+import '../../../utils/index.mjs';
+import './config/index.mjs';
+import keyValueItem from './components/key-value-item.vue.mjs';
+import { keyValueProps, keyValueEmits, getKeyValueItem } from './config/key-value.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlKeyValue" },
+  __name: "key-value",
+  props: keyValueProps,
+  emits: keyValueEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("key-value");
+    const formItemContext = Form.useInjectFormItemContext();
+    const innerValue = ref([]);
+    const keyValueItems = ref([]);
+    const keyValueTypeDict = computed(() => {
+      const obj = {};
+      props.keyTypes.map((e) => {
+        obj[e.value] = e.option;
+      });
+      return obj;
+    });
+    const validate = async () => {
+      await nextTick();
+      return Promise.all(
+        keyValueItems.value.filter((e) => !!e).map((e) => e.validate())
+      );
+    };
+    const resetFields = async () => {
+      await nextTick();
+      return Promise.all(
+        keyValueItems.value.filter((e) => !!e).map((e) => e.resetFields())
+      );
+    };
+    const clearValidate = async () => {
+      await nextTick();
+      return Promise.all(
+        keyValueItems.value.filter((e) => !!e).map((e) => e.clearValidate())
+      );
+    };
+    const handleAddItem = async () => {
+      const valid = await validate();
+      if (props.validate && !valid)
+        return false;
+      innerValue.value.push(getKeyValueItem());
+      emits("add", {
+        index: innerValue.value.length - 1,
+        item: innerValue.value[innerValue.value.length - 1],
+        value: innerValue.value
+      });
+      handleChange();
+    };
+    const handleDelete = (idx) => {
+      innerValue.value.splice(idx, 1);
+      emits("delete", idx);
+      handleChange();
+    };
+    const handleChange = () => {
+      try {
+        formItemContext.onFieldChange();
+        emits("change", innerValue.value);
+        emits("update:value", innerValue.value);
+      } catch (error) {
+        console.error(error);
+      }
+    };
+    watch(
+      () => props.value,
+      (n) => {
+        innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }];
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    __expose({
+      validate,
+      resetFields,
+      clearValidate
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_ll_button = resolveComponent("ll-button");
+      const _component_a_spin = resolveComponent("a-spin");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          createVNode(_component_a_spin, {
+            spinning: props.loading
+          }, {
+            default: withCtx(() => [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("list"))
+                },
+                [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(innerValue.value, (_item, idx) => {
+                      return openBlock(), createBlock(keyValueItem, {
+                        key: _item,
+                        ref_for: true,
+                        ref: (el) => keyValueItems.value[idx] = el,
+                        value: innerValue.value[idx],
+                        "onUpdate:value": ($event) => innerValue.value[idx] = $event,
+                        idx,
+                        "key-label": props.keyLabel,
+                        "value-label": props.valueLabel,
+                        "key-value-type-dict": keyValueTypeDict.value,
+                        "show-delete": innerValue.value.length > 1,
+                        "key-value-type": props.keyValueType,
+                        "key-type": props.keyType,
+                        "key-types": props.keyTypes,
+                        "value-type": props.valueType,
+                        disabled: props.disabled,
+                        "disabled-value": props.disabledValue,
+                        "disabled-key": props.disabledKey,
+                        "disabled-delete": props.disabledDelete,
+                        onDelete: ($event) => handleDelete(idx),
+                        onChange: handleChange
+                      }, createSlots({
+                        _: 2
+                        /* DYNAMIC */
+                      }, [
+                        renderList(Object.keys(_ctx.$slots), (item) => {
+                          return {
+                            name: item,
+                            fn: withCtx((data) => [
+                              renderSlot(_ctx.$slots, item, mergeProps({ ref_for: true }, data || {}, { index: idx }))
+                            ])
+                          };
+                        })
+                      ]), 1032, ["value", "onUpdate:value", "idx", "key-label", "value-label", "key-value-type-dict", "show-delete", "key-value-type", "key-type", "key-types", "value-type", "disabled", "disabled-value", "disabled-key", "disabled-delete", "onDelete"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                2
+                /* CLASS */
+              ),
+              createVNode(_component_ll_button, {
+                class: normalizeClass(unref(bem).e("add")),
+                loading: _ctx.loading,
+                disabled: props.disabled || props.disabledAdd,
+                onClick: handleAddItem
+              }, {
+                default: withCtx(() => [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("plus"))
+                    },
+                    [
+                      !_ctx.loading ? (openBlock(), createBlock(_component_ll_icon, {
+                        key: 0,
+                        "icon-name": "icon-add",
+                        class: normalizeClass(unref(bem).e("icon-add"))
+                      }, null, 8, ["class"])) : createCommentVNode("v-if", true),
+                      createTextVNode(
+                        " " + toDisplayString(props.addText),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class", "loading", "disabled"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["spinning"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=key-value.vue2.mjs.map

package/es/packages/components/key-value/src/key-value.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/key-value.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"props.loading\">\n      <div :class=\"bem.e('list')\">\n        <key-value-item\n          v-for=\"(_item, idx) in innerValue\"\n          :key=\"_item\"\n          :ref=\"el => (keyValueItems[idx] = el)\"\n          v-model:value=\"innerValue[idx]\"\n          :idx=\"idx\"\n          :key-label=\"props.keyLabel\"\n          :value-label=\"props.valueLabel\"\n          :key-value-type-dict=\"keyValueTypeDict\"\n          :show-delete=\"innerValue.length > 1\"\n          :key-value-type=\"props.keyValueType\"\n          :key-type=\"props.keyType\"\n          :key-types=\"props.keyTypes\"\n          :value-type=\"props.valueType\"\n          :disabled=\"props.disabled\"\n          :disabled-value=\"props.disabledValue\"\n          :disabled-key=\"props.disabledKey\"\n          :disabled-delete=\"props.disabledDelete\"\n          @delete=\"handleDelete(idx)\"\n          @change=\"handleChange\"\n        >\n          <template\n            v-for=\"item in Object.keys($slots)\"\n            :key=\"item\"\n            #[item]=\"data\"\n          >\n            <slot :name=\"item\" v-bind=\"data || {}\" :index=\"idx\"></slot>\n          </template>\n        </key-value-item>\n      </div>\n\n      <ll-button\n        :class=\"bem.e('add')\"\n        :loading=\"loading\"\n        :disabled=\"props.disabled || props.disabledAdd\"\n        @click=\"handleAddItem\"\n      >\n        <div :class=\"bem.e('plus')\">\n          <ll-icon\n            v-if=\"!loading\"\n            icon-name=\"icon-add\"\n            :class=\"bem.e('icon-add')\"\n          />\n          {{ props.addText }}\n        </div>\n      </ll-button>\n    </a-spin>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick } from 'vue'\nimport { Form } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n  keyValueProps,\n  keyValueEmits,\n  getKeyValueItem,\n  type KeyValueItem\n} from './config'\nimport keyValueItem from './components/key-value-item.vue'\n\ndefineOptions({ name: 'LlKeyValue' })\n\nconst props = defineProps(keyValueProps)\nconst emits = defineEmits(keyValueEmits)\nconst bem = createNamespace('key-value')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst innerValue = ref<KeyValueItem[]>([])\n\nconst keyValueItems = ref<InstanceType<typeof keyValueItem>[]>([])\n\nconst keyValueTypeDict = computed(() => {\n  const obj = {}\n  props.keyTypes.map(e => {\n    obj[e.value] = e.option\n  })\n  return obj\n})\n\nconst validate = async () => {\n  await nextTick()\n  return Promise.all(\n    keyValueItems.value.filter(e => !!e).map(e => e.validate())\n  )\n}\n\nconst resetFields = async () => {\n  await nextTick()\n  return Promise.all(\n    keyValueItems.value.filter(e => !!e).map(e => e.resetFields())\n  )\n}\n\nconst clearValidate = async () => {\n  await nextTick()\n  return Promise.all(\n    keyValueItems.value.filter(e => !!e).map(e => e.clearValidate())\n  )\n}\n\nconst handleAddItem = async () => {\n  const valid = await validate()\n  if (props.validate && !valid) return false\n  innerValue.value.push(getKeyValueItem())\n  emits('add', {\n    index: innerValue.value.length - 1,\n    item: innerValue.value[innerValue.value.length - 1],\n    value: innerValue.value\n  })\n  handleChange()\n}\n\nconst handleDelete = (idx: number) => {\n  innerValue.value.splice(idx, 1)\n  emits('delete', idx)\n  handleChange()\n}\n\nconst handleChange = () => {\n  try {\n    formItemContext.onFieldChange()\n    emits('change', innerValue.value)\n    emits('update:value', innerValue.value)\n  } catch (error) {\n    console.error(error)\n  }\n}\n\nwatch(\n  () => props.value,\n  n => {\n    innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }]\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/packages/components/markdown-editor/index.mjs

@@ -0,0 +1,14 @@
+import '../../utils/index.mjs';
+import MarkdownEditor from './src/markdown-editor.vue.mjs';
+import MarkdownViewer from './src/components/markdown-viewer.vue.mjs';
+import './src/config/index.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+export { llMarkdownEditorEmits, llMarkdownEditorProps } from './src/config/markdown-editor.mjs';
+export { llMarkdownViewerProps } from './src/config/markdown-viewer.mjs';
+
+"use strict";
+const LlMarkdownEditor = withInstall(MarkdownEditor);
+const LlMarkdownViewer = withInstall(MarkdownViewer);
+
+export { LlMarkdownEditor, LlMarkdownViewer };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/markdown-editor/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/markdown-editor/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport MarkdownEditor from './src/markdown-editor.vue'\n\nimport MarkdownViewer from './src/components/markdown-viewer.vue'\n\nexport const LlMarkdownEditor = withInstall(MarkdownEditor)\n\nexport const LlMarkdownViewer = withInstall(MarkdownViewer)\n\nexport * from './src/config'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlMarkdownEditor: typeof MarkdownEditor\n    LlMarkdownViewer: typeof MarkdownViewer\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAMa,MAAA,gBAAA,GAAmB,YAAY,cAAc,EAAA;AAE7C,MAAA,gBAAA,GAAmB,YAAY,cAAc;;;;"}

package/es/packages/components/markdown-editor/src/components/markdown-viewer.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './markdown-viewer.vue2.mjs';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var MarkdownViewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "markdown-viewer.vue"]]);
+
+export { MarkdownViewer as default };
+//# sourceMappingURL=markdown-viewer.vue.mjs.map

package/es/packages/components/markdown-editor/src/components/markdown-viewer.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-viewer.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/packages/components/markdown-editor/src/components/markdown-viewer.vue2.mjs

@@ -0,0 +1,89 @@
+import { defineComponent, ref, markRaw, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode } from 'vue';
+import { Viewer } from '@bytemd/vue-next';
+import gfm from '@bytemd/plugin-gfm';
+import gemoji from '@bytemd/plugin-gemoji';
+import highlight from '@bytemd/plugin-highlight';
+import frontmatter from '@bytemd/plugin-frontmatter';
+import mediumZoom from '@bytemd/plugin-medium-zoom';
+import breaks from '@bytemd/plugin-breaks';
+import mermaid from '@bytemd/plugin-mermaid';
+import math from '@bytemd/plugin-math';
+import zhHans from '../../../../../node_modules/.pnpm/bytemd@1.21.0/node_modules/bytemd/locales/zh_Hans.json.mjs';
+import '../../../../utils/index.mjs';
+import '../config/index.mjs';
+import { llMarkdownViewerProps } from '../config/markdown-viewer.mjs';
+import { createNamespace } from '../../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlMarkdownViewer" },
+  __name: "markdown-viewer",
+  props: llMarkdownViewerProps,
+  setup(__props) {
+    const props = __props;
+    const MarkdownViewer = Viewer;
+    const bem = createNamespace("markdown-viewer");
+    const pluginsList = [
+      gfm(),
+      gemoji(),
+      highlight(),
+      frontmatter(),
+      mediumZoom(),
+      breaks(),
+      mermaid(),
+      math()
+    ];
+    const value = ref(props.value);
+    const zh = ref(zhHans);
+    const plugins = markRaw(pluginsList);
+    const markDownRef = ref();
+    watch(
+      () => props.value,
+      (n) => {
+        value.value = n;
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(bem).e("warpper"))
+            },
+            [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("view"))
+                },
+                [
+                  createVNode(unref(MarkdownViewer), {
+                    ref_key: "markDownRef",
+                    ref: markDownRef,
+                    locale: zh.value,
+                    value: value.value,
+                    plugins: unref(plugins)
+                  }, null, 8, ["locale", "value", "plugins"])
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=markdown-viewer.vue2.mjs.map

package/es/packages/components/markdown-editor/src/components/markdown-viewer.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-viewer.vue2.mjs","sources":["../../../../../../../packages/components/markdown-editor/src/components/markdown-viewer.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bem.e('warpper')\">\n      <div :class=\"bem.e('view')\">\n        <markdown-viewer\n          ref=\"markDownRef\"\n          :locale=\"zh\"\n          :value=\"value\"\n          :plugins=\"plugins\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, markRaw, watch } from 'vue'\n//@ts-ignore\nimport { Viewer } from '@bytemd/vue-next'\nimport gfm from '@bytemd/plugin-gfm'\nimport gemoji from '@bytemd/plugin-gemoji'\nimport highlight from '@bytemd/plugin-highlight' // 代码高亮\nimport frontmatter from '@bytemd/plugin-frontmatter' // 解析前题\nimport mediumZoom from '@bytemd/plugin-medium-zoom' // 缩放图片\nimport breaks from '@bytemd/plugin-breaks'\nimport mermaid from '@bytemd/plugin-mermaid'\nimport math from '@bytemd/plugin-math'\nimport zhHans from 'bytemd/locales/zh_Hans.json'\n// import 'bytemd/dist/index.css'\n// import 'juejin-markdown-themes/dist/juejin.min.css' // 掘金同款样式\nimport { createNamespace } from '@ll-plus/utils'\nimport { llMarkdownViewerProps } from '../config'\n\ndefineOptions({ name: 'LlMarkdownViewer' })\nconst props = defineProps(llMarkdownViewerProps)\n//@ts-ignore\nconst MarkdownViewer = Viewer\n\nconst bem = createNamespace('markdown-viewer')\nconst pluginsList = [\n  gfm(),\n  gemoji(),\n  highlight(),\n  frontmatter(),\n  mediumZoom(),\n  breaks(),\n  mermaid(),\n  math()\n]\n\nconst value = ref(props.value)\n\nconst zh = ref(zhHans)\n\nconst plugins = markRaw(pluginsList)\n\nconst markDownRef = ref()\n\nwatch(\n  () => props.value,\n  n => {\n    value.value = n\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,cAAiB,GAAA,MAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,iBAAiB,CAAA,CAAA;AAC7C,IAAA,MAAM,WAAc,GAAA;AAAA,MAClB,GAAI,EAAA;AAAA,MACJ,MAAO,EAAA;AAAA,MACP,SAAU,EAAA;AAAA,MACV,WAAY,EAAA;AAAA,MACZ,UAAW,EAAA;AAAA,MACX,MAAO,EAAA;AAAA,MACP,OAAQ,EAAA;AAAA,MACR,IAAK,EAAA;AAAA,KACP,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAE7B,IAAM,MAAA,EAAA,GAAK,IAAI,MAAM,CAAA,CAAA;AAErB,IAAM,MAAA,OAAA,GAAU,QAAQ,WAAW,CAAA,CAAA;AAEnC,IAAA,MAAM,cAAc,GAAI,EAAA,CAAA;AAExB,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AACH,QAAA,KAAA,CAAM,KAAQ,GAAA,CAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/markdown-editor/src/config/index.mjs

@@ -0,0 +1,5 @@
+export { llMarkdownEditorEmits, llMarkdownEditorProps } from './markdown-editor.mjs';
+export { llMarkdownViewerProps } from './markdown-viewer.mjs';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/markdown-editor/src/config/index.mjs.map

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

package/es/packages/components/markdown-editor/src/config/markdown-editor.mjs

@@ -0,0 +1,29 @@
+import '../../../../utils/index.mjs';
+import { buildProps } from '../../../../utils/props/runtime.mjs';
+
+"use strict";
+const llMarkdownEditorProps = buildProps({
+  value: {
+    type: String,
+    default: () => ""
+  },
+  compress: {
+    type: Boolean,
+    default: () => true
+  },
+  uploadImage: {
+    type: Function,
+    default: (files) => files
+  },
+  imageQuality: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const llMarkdownEditorEmits = {
+  change: (value) => !!value,
+  "update:value": (value) => !!value
+};
+
+export { llMarkdownEditorEmits, llMarkdownEditorProps };
+//# sourceMappingURL=markdown-editor.mjs.map

package/es/packages/components/markdown-editor/src/config/markdown-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.mjs","sources":["../../../../../../../packages/components/markdown-editor/src/config/markdown-editor.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\n//@ts-ignore\nimport type MarkdownEditor from '../markdown-editor.vue'\n\nexport const llMarkdownEditorProps = buildProps({\n  value: {\n    type: String,\n    default: () => ''\n  },\n  compress: {\n    type: Boolean,\n    default: () => true\n  },\n  uploadImage: {\n    type: Function,\n    default: (files: any) => files\n  },\n  imageQuality: {\n    type: Object,\n    default: () => ({})\n  }\n} as const)\n\nexport const llMarkdownEditorEmits = {\n  change: (value: string) => !!value,\n  'update:value': (value: string) => !!value\n}\n\n// props\n//@ts-ignore\nexport type MarkdownEditorProps = ExtractPropTypes<typeof llMarkdownEditorProps>\n// emits\nexport type MarkdownEditorEmits = typeof llMarkdownEditorEmits\n// instance\nexport type MarkdownEditorInstance = InstanceType<typeof MarkdownEditor>\n"],"names":[],"mappings":";;;;AAOO,MAAM,wBAAwB,UAAW,CAAA;AAAA,EAC9C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAM,EAAA;AAAA,GACjB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,SAAS,MAAM,IAAA;AAAA,GACjB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,KAAe,KAAA,KAAA;AAAA,GAC3B;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AACF,CAAU,EAAA;AAEH,MAAM,qBAAwB,GAAA;AAAA,EACnC,MAAQ,EAAA,CAAC,KAAkB,KAAA,CAAC,CAAC,KAAA;AAAA,EAC7B,cAAgB,EAAA,CAAC,KAAkB,KAAA,CAAC,CAAC,KAAA;AACvC;;;;"}

package/es/packages/components/markdown-editor/src/config/markdown-viewer.mjs

@@ -0,0 +1,13 @@
+import '../../../../utils/index.mjs';
+import { buildProps } from '../../../../utils/props/runtime.mjs';
+
+"use strict";
+const llMarkdownViewerProps = buildProps({
+  value: {
+    type: String,
+    default: () => ""
+  }
+});
+
+export { llMarkdownViewerProps };
+//# sourceMappingURL=markdown-viewer.mjs.map

package/es/packages/components/markdown-editor/src/config/markdown-viewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-viewer.mjs","sources":["../../../../../../../packages/components/markdown-editor/src/config/markdown-viewer.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n//@ts-ignore\nimport type MarkdownViewer from '../components/markdown-viewer.vue'\n\nexport const llMarkdownViewerProps = buildProps({\n  value: {\n    type: String,\n    default: () => ''\n  }\n} as const)\n\nexport type MarkdownViewerProps = ExtractPropTypes<typeof llMarkdownViewerProps>\n\nexport type MarkdownViewerInstance = InstanceType<typeof MarkdownViewer>\n"],"names":[],"mappings":";;;;AAMO,MAAM,wBAAwB,UAAW,CAAA;AAAA,EAC9C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAM,EAAA;AAAA,GACjB;AACF,CAAU;;;;"}

package/es/packages/components/markdown-editor/src/markdown-editor.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './markdown-editor.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var MarkdownEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "markdown-editor.vue"]]);
+
+export { MarkdownEditor as default };
+//# sourceMappingURL=markdown-editor.vue.mjs.map

package/es/packages/components/markdown-editor/src/markdown-editor.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/packages/components/markdown-editor/src/markdown-editor.vue2.mjs

@@ -0,0 +1,121 @@
+import { defineComponent, ref, markRaw, watch, openBlock, createElementBlock, normalizeClass, unref, createBlock, resolveDynamicComponent } from 'vue';
+import Compressor from 'compressorjs';
+import { Editor } from '@bytemd/vue-next';
+import gfm from '@bytemd/plugin-gfm';
+import gemoji from '@bytemd/plugin-gemoji';
+import highlight from '@bytemd/plugin-highlight';
+import frontmatter from '@bytemd/plugin-frontmatter';
+import mediumZoom from '@bytemd/plugin-medium-zoom';
+import breaks from '@bytemd/plugin-breaks';
+import mermaid from '@bytemd/plugin-mermaid';
+import math from '@bytemd/plugin-math';
+import zhHans from '../../../../node_modules/.pnpm/bytemd@1.21.0/node_modules/bytemd/locales/zh_Hans.json.mjs';
+import gfmZhHans from '@bytemd/plugin-gfm/locales/zh_Hans.json';
+import '../../../utils/index.mjs';
+import './config/index.mjs';
+import { llMarkdownEditorProps, llMarkdownEditorEmits } from './config/markdown-editor.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlMarkdownEditor" },
+  __name: "markdown-editor",
+  props: llMarkdownEditorProps,
+  emits: llMarkdownEditorEmits,
+  setup(__props, { emit: __emit }) {
+    const pluginsList = [
+      gfm({ locale: gfmZhHans }),
+      gemoji(),
+      highlight(),
+      frontmatter(),
+      mediumZoom(),
+      breaks(),
+      mermaid(),
+      math()
+    ];
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("markdown-editor");
+    const components = [Editor];
+    const markDownRef = ref();
+    const innerValue = ref(props.value);
+    const plugins = markRaw(pluginsList);
+    const zh = ref(zhHans);
+    watch(
+      () => props.value,
+      (n) => {
+        innerValue.value = n;
+      }
+    );
+    const handleChange = async (val) => {
+      emits("update:value", val);
+      emits("change", val);
+    };
+    const compressImage = (file) => {
+      return new Promise((resolve, reject) => {
+        new Compressor(file, {
+          quality: 0.6,
+          // 设置压缩质量
+          maxWidth: 400,
+          // 设置图片最大宽度
+          maxHeight: 400,
+          // 设置图片最大高度
+          ...props.imageQuality,
+          success(result) {
+            resolve(result);
+          },
+          error(error) {
+            reject(error);
+          }
+        });
+      });
+    };
+    const handleUploadImages = async (files) => {
+      try {
+        const compressImages = [];
+        if (props.compress) {
+          await Promise.all(
+            files.map(async (file) => {
+              const compressedFile = await compressImage(file);
+              compressImages.push(compressedFile);
+            })
+          );
+        }
+        const showImages = await props.uploadImage(
+          props.compress ? compressImages : files
+        );
+        return showImages.map((e, i) => ({
+          title: files[i].name,
+          url: e
+        }));
+      } catch (error) {
+        console.error("\u538B\u7F29\u548C\u4E0A\u4F20\u56FE\u50CF\u65F6\u51FA\u9519:", error);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(bem).b())
+        },
+        [
+          (openBlock(), createBlock(resolveDynamicComponent(components[0]), {
+            ref_key: "markDownRef",
+            ref: markDownRef,
+            class: normalizeClass(unref(bem).e("container")),
+            locale: zh.value,
+            value: innerValue.value,
+            plugins: unref(plugins),
+            "upload-images": handleUploadImages,
+            onChange: handleChange
+          }, null, 40, ["class", "locale", "value", "plugins"]))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=markdown-editor.vue2.mjs.map