cardbuddy 0.11.0 → 0.12.1

package/dist/vendored/components/setters/SetNumber.vue

@@ -1,118 +0,0 @@
-<!--
-  数字输入设置器：对应编辑器 common/InputNumber。
-  - itemOption.type      取值 integer/+integer/-integer/float/+float/-float，决定输入正则
-  - itemOption.iParamList 预设值列表（点击右侧箭头弹出，如字号 12/14/16…）
-  - itemOption.symbol    右侧单位文案；NumberStyle 通过具名插槽 symbol 注入单位下拉
--->
-<template>
-  <div class="st-number-wrap">
-    <div class="st-number">
-      <input
-        ref="field"
-        class="st-number__field"
-        type="text"
-        :placeholder="options.placeholder || '请输入'"
-        :disabled="disabled"
-        :value="inputValue"
-        @input="onInput($event.target.value)"
-        @change="emitChange()"
-        @keydown.up.prevent="step(1)"
-        @keydown.down.prevent="step(-1)"
-        @blur="closeSug()"
-      />
-
-      <span v-if="$slots.symbol" class="st-number__symbol st-number__symbol--btn">
-        <slot name="symbol" />
-      </span>
-      <span v-else-if="options.symbol && options.symbol !== true" class="st-number__symbol">{{ options.symbol }}</span>
-
-      <span
-        v-if="suggestions.length"
-        class="st-number__caret"
-        title="预设值"
-        @mousedown.prevent="sugOpen = !sugOpen"
-      >▾</span>
-    </div>
-
-    <!-- 预设值浮层：移出 .st-number，避免被 overflow:hidden 裁切 -->
-    <div v-if="sugOpen && suggestions.length" class="st-pop st-pop--sug">
-      <div
-        v-for="s in suggestions"
-        :key="s.key"
-        class="st-pop__item"
-        :class="{ 'st-pop__item--on': String(s.key) === String(inputValue) }"
-        @mousedown.prevent="pick(s)"
-      >{{ s.value }}</div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { setterProps, setterEmits } from './props.js'
-
-const TYPES = {
-  integer: /^-?(0|[1-9][0-9]*)?$/,
-  '+integer': /^(0|[1-9][0-9]*)?$/,
-  '-integer': /^(0|-[1-9]?[0-9]*)?$/,
-  float: /^-?([0-9]*|(0|[1-9][0-9]*)\.[0-9]*)?$/,
-  '+float': /^([0-9]*|(0|[1-9][0-9]*)\.[0-9]*)?$/,
-  '-float': /^(0|-[0-9]*|-(0|[1-9][0-9]*)\.[0-9]*)?$/,
-}
-
-export default {
-  name: 'SetNumber',
-  props: setterProps,
-  emits: setterEmits,
-  data() {
-    return { inputValue: '', sugOpen: false }
-  },
-  computed: {
-    suggestions() {
-      return this.options.iParamList || []
-    },
-    pattern() {
-      return TYPES[this.options.type] || TYPES.integer
-    },
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(v) {
-        this.inputValue = v === undefined || v === null ? '' : String(v)
-      },
-    },
-  },
-  methods: {
-    onInput(v) {
-      if (!this.pattern.test(v)) {
-        // 非法输入回滚（与编辑器一致：直接丢弃这次按键）
-        this.$refs.field.value = this.inputValue
-        return
-      }
-      this.inputValue = v
-      this.$emit('input', v)
-    },
-    step(delta) {
-      const n = parseFloat(this.inputValue)
-      const next = String((Number.isNaN(n) ? 0 : n) + delta)
-      if (!this.pattern.test(next)) return
-      this.inputValue = next
-      this.$emit('input', next)
-      this.emitChange()
-    },
-    pick(s) {
-      this.sugOpen = false
-      this.inputValue = String(s.key)
-      this.$emit('input', this.inputValue)
-      this.emitChange()
-    },
-    closeSug() {
-      // 交给 mousedown 先跑完（pick 用的是 mousedown）
-      setTimeout(() => (this.sugOpen = false), 0)
-    },
-    emitChange() {
-      this.$emit('change')
-    },
-  },
-}
-</script>

package/dist/vendored/components/setters/SetNumberStyle.vue

@@ -1,113 +0,0 @@
-<!--
-  带单位的数值设置器：对应编辑器 style/NumberStyle。
-
-  DSL 里 width/height 这类字段是**单个字符串**，靠后缀区分单位：
-    "120"  → px
-    "50%"  → 百分比
-    "auto" → 自适应
-  切换单位时编辑器会重置数值（percent→100、auto→'auto'、number→''），这里保持一致。
--->
-<template>
-  <div class="st-numberstyle">
-    <SetNumber
-      :value="numValue"
-      :options="numberOptions"
-      :disabled="disabled || isAuto"
-      @input="onNum"
-      @change="$emit('change')"
-    >
-      <template #symbol>
-        <span class="st-unit" @mousedown.prevent="menuOpen = !menuOpen">{{ unitLabel }}</span>
-      </template>
-    </SetNumber>
-
-    <!-- 单位切换浮层：移到 .st-number 之外，避免被 overflow:hidden 裁切 -->
-    <div v-if="menuOpen" class="st-pop-mask" @mousedown.prevent="menuOpen = false"></div>
-    <div v-if="menuOpen" class="st-pop st-pop--unit">
-      <div
-        v-for="u in unitList"
-        :key="u.key"
-        class="st-pop__item"
-        :class="{ 'st-pop__item--on': u.key === unit }"
-        @mousedown.prevent="pickUnit(u.key)"
-      >{{ u.value }}</div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { setterProps, setterEmits } from './props.js'
-import SetNumber from './SetNumber.vue'
-
-const DEFAULT_UNITS = [
-  { key: 'number', value: 'px' },
-  { key: 'percent', value: '%' },
-  { key: 'auto', value: '@' },
-]
-
-export default {
-  name: 'SetNumberStyle',
-  components: { SetNumber },
-  props: setterProps,
-  emits: setterEmits,
-  data() {
-    return { unit: 'number', numValue: '', menuOpen: false }
-  },
-  computed: {
-    unitList() {
-      return this.options.iTypeList || DEFAULT_UNITS
-    },
-    unitLabel() {
-      const hit = this.unitList.filter((u) => u.key === this.unit)[0]
-      return hit ? hit.value : 'px'
-    },
-    // @/auto 单位下，输入框只读（显示 auto 且不可编辑）
-    isAuto() {
-      return this.unit === 'auto'
-    },
-    numberOptions() {
-      return {
-        ...this.options,
-        type: this.unit === 'percent' ? 'integer' : 'float',
-        placeholder: this.options.placeholder || '',
-        symbol: true,
-      }
-    },
-  },
-  watch: {
-    value: { immediate: true, handler() { this.parse() } },
-  },
-  methods: {
-    parse() {
-      const v = this.value
-      if (/%$/.test(String(v))) {
-        this.unit = 'percent'
-        this.numValue = String(v).replace(/%/g, '')
-      } else if (v === 'auto') {
-        this.unit = 'auto'
-        this.numValue = 'auto'
-      } else {
-        this.unit = 'number'
-        this.numValue = v === 0 ? '0' : v === undefined || v === null ? '' : String(v)
-      }
-    },
-    onNum(v) {
-      this.numValue = v
-      this.emit()
-    },
-    pickUnit(key) {
-      this.menuOpen = false
-      this.unit = key
-      if (key === 'percent') this.numValue = '100'
-      else if (key === 'auto') this.numValue = 'auto'
-      else this.numValue = ''
-      this.emit()
-      this.$emit('change')
-    },
-    emit() {
-      if (this.unit === 'percent' && this.numValue) this.$emit('input', this.numValue + '%')
-      else this.$emit('input', this.numValue)
-    },
-  },
-}
-</script>

package/dist/vendored/components/setters/SetPadding.vue

@@ -1,77 +0,0 @@
-<!--
-  四向内边距设置器：对应编辑器 style/PaddingStyle。
-
-  DSL 里是一个字符串，默认形态 `{2,2,2,2}`：
-    - itemOption.brackets  包裹符，默认 ['{','}']
-    - itemOption.seperator 分隔符，默认 ','
-    - itemOption.normal    true → 顺序同 CSS：上,右,下,左
-                           false（默认）→ 上,左,下,右
-  顺序错了会让上下/左右内边距互换，所以这里严格照抄编辑器的分支。
--->
-<template>
-  <div class="st-pad">
-    <SetNumber :value="form.top" :options="opt('上')" :disabled="disabled" @input="set('top', $event)" @change="emitOut" />
-    <SetNumber :value="form.right" :options="opt('右')" :disabled="disabled" @input="set('right', $event)" @change="emitOut" />
-    <SetNumber :value="form.bottom" :options="opt('下')" :disabled="disabled" @input="set('bottom', $event)" @change="emitOut" />
-    <SetNumber :value="form.left" :options="opt('左')" :disabled="disabled" @input="set('left', $event)" @change="emitOut" />
-  </div>
-</template>
-
-<script>
-import { setterProps, setterEmits } from './props.js'
-import SetNumber from './SetNumber.vue'
-
-export default {
-  name: 'SetPadding',
-  components: { SetNumber },
-  props: setterProps,
-  emits: setterEmits,
-  data() {
-    return { form: { top: '', right: '', bottom: '', left: '' } }
-  },
-  computed: {
-    brackets() {
-      return this.options.brackets || ['{', '}']
-    },
-    seperator() {
-      return this.options.seperator || ','
-    },
-  },
-  watch: {
-    value: { immediate: true, handler() { this.parse() } },
-  },
-  methods: {
-    parse() {
-      let s = String(this.value || '')
-      if (this.brackets.length) {
-        s = s.replace(new RegExp(`[${this.brackets.join('')}]`, 'g'), '')
-      }
-      const p = s.split(this.seperator)
-      if (this.options.normal) {
-        this.form = { top: p[0] || '', right: p[1] || '', bottom: p[2] || '', left: p[3] || '' }
-      } else {
-        this.form = { top: p[0] || '', left: p[1] || '', bottom: p[2] || '', right: p[3] || '' }
-      }
-    },
-    opt(symbol) {
-      return { type: 'integer', symbol, placeholder: '0' }
-    },
-    set(k, v) {
-      this.form[k] = v
-      this.emitValue()
-    },
-    emitValue() {
-      const f = this.form
-      const arr = this.options.normal
-        ? [f.top, f.right, f.bottom, f.left]
-        : [f.top, f.left, f.bottom, f.right]
-      const body = arr.map((x) => (x === '' || x === undefined ? '0' : x)).join(this.seperator)
-      const [l, r] = this.brackets.length ? this.brackets : ['', '']
-      this.$emit('input', `${l || ''}${body}${r || ''}`)
-    },
-    emitOut() {
-      this.$emit('change')
-    },
-  },
-}
-</script>

package/dist/vendored/components/setters/SetSegment.vue

@@ -1,160 +0,0 @@
-<!--
-  分段选择设置器 —— 合并编辑器中五个"单选一组"的控件：
-
-    TabSelect            文字分段（选项来自 itemOption.iParamList）
-    FontStyle            正体 / 斜体
-    TextDecorationStyle  无 / 下划线 / 删除线
-    JustifyContentStyle  主轴对齐（随 flexDirection 变向，图标旋转 90°）
-    AlignItemsStyle      交叉轴对齐（同上）
-
-  编辑器里它们是五个独立组件，但交互完全一致（点选 → input + change），
-  差异只在「选项从哪来 / 图标怎么画」，因此这里用同一个组件按 kind 分派，
-  避免五份重复模板。图标用内联 SVG 现画，不引外部图片资源。
--->
-<template>
-  <div class="st-seg">
-    <div
-      v-for="(o, i) in items"
-      :key="o.key + '_' + i"
-      class="st-seg__item"
-      :class="{ 'st-seg__item--on': String(o.key) === String(current) }"
-      :title="o.title || o.value"
-      @click="pick(o)"
-    >
-      <svg
-        v-if="o.icon"
-        class="st-seg__icon"
-        viewBox="0 0 16 16"
-        :style="rotate ? 'transform:rotate(90deg)' : ''"
-      >
-        <!-- 容器外框 -->
-        <rect
-          v-if="o.icon.frame"
-          x="1" y="2.6" width="14" height="10.8" rx="1.4"
-          fill="none" stroke="currentColor" stroke-width="1" opacity="0.35"
-        />
-        <!-- 内容条 -->
-        <rect
-          v-for="(r, ri) in o.icon.rects || []"
-          :key="'r' + ri"
-          :x="r[0]" :y="r[1]" :width="r[2]" :height="r[3]"
-          rx="0.6" fill="currentColor" stroke="none"
-        />
-        <!-- 辅助线（基线 / 下划线 / 删除线） -->
-        <line
-          v-for="(l, li) in o.icon.lines || []"
-          :key="'l' + li"
-          :x1="l[0]" :y1="l[1]" :x2="l[2]" :y2="l[3]"
-          stroke="currentColor" stroke-width="1.1"
-        />
-        <!-- 字形（FontStyle / TextDecorationStyle） -->
-        <text
-          v-if="o.icon.text"
-          x="8" y="12" text-anchor="middle"
-          font-size="11" font-weight="600" fill="currentColor" stroke="none"
-          :font-style="o.icon.italic ? 'italic' : 'normal'"
-        >{{ o.icon.text }}</text>
-      </svg>
-      <span v-else>{{ o.value }}</span>
-    </div>
-  </div>
-</template>
-
-<script>
-import { setterProps, setterEmits } from './props.js'
-
-/** 主轴对齐：两根竖条（w=3.2 h=6.4，居中于 y=4.8）在横向的摆位 */
-const JUSTIFY = [
-  { key: 'flex-start', name: '起始对齐', bars: [2.6, 6.2] },
-  { key: 'center', name: '居中', bars: [4.6, 8.2] },
-  { key: 'flex-end', name: '末端对齐', bars: [6.6, 10.2] },
-  { key: 'space-between', name: '两端对齐', bars: [2.6, 10.2] },
-  { key: 'space-around', name: '等距间隔', bars: [3.6, 9.2] },
-]
-
-/** 交叉轴对齐：两根竖条（高度不同）在纵向的摆位 [y, h] */
-const ALIGN = [
-  { key: 'flex-start', name: '起始对齐', a: [3.6, 6.4], b: [3.6, 4.4] },
-  { key: 'center', name: '居中', a: [4.8, 6.4], b: [5.8, 4.4] },
-  { key: 'flex-end', name: '末端对齐', a: [6, 6.4], b: [8, 4.4] },
-  { key: 'baseline', name: '基线对齐', a: [4, 5.6], b: [6, 3.6], baseline: 9.6 },
-  { key: 'stretch', name: '拉伸', a: [3.6, 9.4], b: [3.6, 9.4] },
-]
-
-const FONT_STYLE = [
-  { key: 'normal', value: '正体', title: 'font-style: normal', icon: { text: 'A' } },
-  { key: 'italic', value: '斜体', title: 'font-style: italic', icon: { text: 'A', italic: true } },
-]
-
-const TEXT_DECORATION = [
-  { key: 'none', value: '无', title: 'text-decoration: none', icon: { text: 'A' } },
-  {
-    key: 'underline',
-    value: '下划线',
-    title: 'text-decoration: underline',
-    icon: { text: 'A', lines: [[3.5, 14, 12.5, 14]] },
-  },
-  {
-    key: 'line-through',
-    value: '删除线',
-    title: 'text-decoration: line-through',
-    icon: { text: 'A', lines: [[3, 8.6, 13, 8.6]] },
-  },
-]
-
-export default {
-  name: 'SetSegment',
-  props: { ...setterProps, kind: { type: String, default: 'TabSelect' } },
-  emits: setterEmits,
-  computed: {
-    current() {
-      return this.value === undefined || this.value === null ? '' : this.value
-    },
-    /** 竖排布局时对齐图标转 90°（与编辑器 lep_rotate 一致） */
-    flexDirection() {
-      return this.options.flexDirection || this.watches.flexDirection || 'row'
-    },
-    rotate() {
-      return (
-        (this.kind === 'JustifyContentStyle' || this.kind === 'AlignItemsStyle') &&
-        this.flexDirection === 'column'
-      )
-    },
-    items() {
-      if (this.kind === 'JustifyContentStyle') {
-        return JUSTIFY.map((o) => ({
-          key: o.key,
-          value: o.name,
-          title: `justify-content: ${o.key}`,
-          icon: { frame: true, rects: o.bars.map((x) => [x, 4.8, 3.2, 6.4]) },
-        }))
-      }
-      if (this.kind === 'AlignItemsStyle') {
-        return ALIGN.map((o) => ({
-          key: o.key,
-          value: o.name,
-          title: `align-items: ${o.key}`,
-          icon: {
-            frame: true,
-            rects: [
-              [4.2, o.a[0], 3.2, o.a[1]],
-              [8.6, o.b[0], 3.2, o.b[1]],
-            ],
-            lines: o.baseline ? [[1.6, o.baseline, 14.4, o.baseline]] : undefined,
-          },
-        }))
-      }
-      if (this.kind === 'FontStyle') return FONT_STYLE
-      if (this.kind === 'TextDecorationStyle') return TEXT_DECORATION
-      return this.options.iParamList || []
-    },
-  },
-  methods: {
-    pick(o) {
-      if (this.disabled) return
-      this.$emit('input', o.key)
-      this.$emit('change')
-    },
-  },
-}
-</script>

package/dist/vendored/components/setters/SetSelect.vue

@@ -1,51 +0,0 @@
-<!--
-  下拉选择设置器：对应编辑器 common/Select。
-  选项来源 itemOption.iParamList = [{key, value}]。
-  可清空（对应编辑器的 clearable）：选中值后触发器右侧出现 ✕ 清除按钮，
-  空值态由 Dropdown 的 placeholder 在触发器上显示，不再把占位文案当选项注入。
-  统一使用 Dropdown 组件（支持尺寸），替换原生 <select>。
--->
-<template>
-  <Dropdown
-    :value="current"
-    :options="optionList"
-    :placeholder="placeholder"
-    clearable
-    size="sm"
-    block
-    :disabled="disabled"
-    @input="onChange"
-  />
-</template>
-
-<script>
-import { setterProps, setterEmits } from './props.js'
-
-export default {
-  name: 'SetSelect',
-  props: setterProps,
-  emits: setterEmits,
-  computed: {
-    list() {
-      return this.options.iParamList || this.options.iTypeList || []
-    },
-    placeholder() {
-      return this.options.placeholder || '请选择'
-    },
-    optionList() {
-      // 不把占位文案当作可选项注入；空值态由 Dropdown 的 placeholder 在触发器上显示，
-      // 弹层内只列出真实选项（避免「请选择/待选择」作为一条选项出现）。
-      return this.list.map((o) => ({ key: String(o.key), value: o.value }))
-    },
-    current() {
-      return this.value === undefined || this.value === null ? '' : String(this.value)
-    },
-  },
-  methods: {
-    onChange(v) {
-      this.$emit('input', v)
-      this.$emit('change')
-    },
-  },
-}
-</script>

package/dist/vendored/components/setters/SetSwitch.vue

@@ -1,49 +0,0 @@
-<!--
-  开关设置器：对应编辑器 common/Switcher 与 forms/BooleanForm。
-
-  关键点（照搬编辑器语义）：Switcher 的开/关值默认是**字符串** '1' / '0'，
-  BooleanForm 只是把 activeValue/inactiveValue 换成布尔 true/false 的 Switcher。
-  写成 boolean 会导致 DSL 里 isBorder 变成 true，线上解析不到，故必须保留原类型。
--->
-<template>
-  <div class="st-switch" :class="{ 'st-switch--on': on }" @click="toggle">
-    <span class="st-switch__track"><span class="st-switch__knob" /></span>
-    <span class="st-switch__text">{{ on ? activeText : inactiveText }}</span>
-  </div>
-</template>
-
-<script>
-import { setterProps, setterEmits } from './props.js'
-
-export default {
-  name: 'SetSwitch',
-  props: { ...setterProps, boolean: { type: Boolean, default: false } },
-  emits: setterEmits,
-  computed: {
-    activeValue() {
-      if (this.options.activeValue !== undefined) return this.options.activeValue
-      return this.boolean ? true : '1'
-    },
-    inactiveValue() {
-      if (this.options.inactiveValue !== undefined) return this.options.inactiveValue
-      return this.boolean ? false : '0'
-    },
-    on() {
-      return this.value === this.activeValue
-    },
-    activeText() {
-      return this.options.activeText || '开'
-    },
-    inactiveText() {
-      return this.options.inactiveText || '关'
-    },
-  },
-  methods: {
-    toggle() {
-      if (this.disabled) return
-      this.$emit('input', this.on ? this.inactiveValue : this.activeValue)
-      this.$emit('change')
-    },
-  },
-}
-</script>

package/dist/vendored/components/setters/SetText.vue

@@ -1,52 +0,0 @@
-<!--
-  文本输入设置器：对应编辑器 common/Input 与 common/Textarea。
-  itemType 为 Input / Textarea / 空（无类型时的默认文本框）时使用。
--->
-<template>
-  <textarea
-    v-if="multiline"
-    class="st-textarea"
-    :rows="rows"
-    :placeholder="options.placeholder || ''"
-    :disabled="disabled"
-    :value="text"
-    @input="onInput($event.target.value)"
-    @change="$emit('change')"
-  />
-  <input
-    v-else
-    class="ni-input"
-    type="text"
-    :placeholder="options.placeholder || ''"
-    :disabled="disabled"
-    :value="text"
-    @input="onInput($event.target.value)"
-    @change="$emit('change')"
-  />
-</template>
-
-<script>
-import { setterProps, setterEmits } from './props.js'
-
-export default {
-  name: 'SetText',
-  props: { ...setterProps, multiline: { type: Boolean, default: false } },
-  emits: setterEmits,
-  computed: {
-    text() {
-      return this.value === undefined || this.value === null ? '' : String(this.value)
-    },
-    rows() {
-      // itemOption.autosize = {minRows, maxRows}
-      const a = this.options.autosize
-      if (a && typeof a === 'object' && a.minRows) return a.minRows
-      return 4
-    },
-  },
-  methods: {
-    onInput(v) {
-      this.$emit('input', v)
-    },
-  },
-}
-</script>

package/dist/vendored/components/setters/props.js

@@ -1,23 +0,0 @@
-/**
- * 设置器统一 props / emits。
- * 与编辑器 `base/properties/components/props.js` 一一对应，便于逐个组件对照移植。
- *
- *  value    当前值（Property.itemValue）
- *  options  itemOption
- *  watches  同级属性值快照，供 itemWatch 联动（如 flexDirection 决定对齐图标方向）
- *  itemInfo Property 实例本身（少数控件需要读 itemDefaultValue / itemKey）
- *  disabled 禁用
- *
- * 事件：input(新值) → 由 PropRow 写回 Property；change() → 触发预览刷新。
- */
-export const setterProps = {
-  value: { default: '' },
-  options: { type: Object, default: () => ({}) },
-  watches: { type: Object, default: () => ({}) },
-  itemInfo: { type: Object, default: () => ({}) },
-  disabled: { type: Boolean, default: false },
-};
-
-export const setterEmits = ['input', 'change'];
-
-export default setterProps;