create-yss-spec 3.3.1 → 3.3.3

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/basic/index.vue

@@ -1,100 +0,0 @@
-<script setup lang="ts">
-import { ref, computed } from 'vue';
-import { YConditionBuilder } from '@yss-ui/components';
-import type { ConditionGroup } from '@yss-ui/components';
-import { operatorOptions, createInitial } from './constants';
-import { useConditionBasic } from './hooks/useConditionBasic';
-
-const model = ref<ConditionGroup>(createInitial());
-const { loadFields, loadValues } = useConditionBasic();
-
-/** 格式化输出的 JSON 参数 */
-const formattedJson = computed(() => {
-  return JSON.stringify(model.value, null, 2);
-});
-</script>
-
-<template>
-  <div class="demo-container">
-    <div class="condition-builder-wrapper">
-      <YConditionBuilder
-        v-model="model"
-        :operator-options="operatorOptions"
-        :load-fields="loadFields"
-        :load-values="args => loadValues({ q: args.q, field: args.field })"
-      />
-    </div>
-
-    <div class="output-section">
-      <h4 class="output-title">输出参数 JSON：</h4>
-      <pre class="json-output">{{ formattedJson }}</pre>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="less">
-.demo-container {
-  gap: var(--spacing-lg, 24px);
-}
-
-.condition-builder-wrapper {
-  min-height: 200px;
-}
-
-.output-section {
-  padding-top: var(--spacing-lg, 24px);
-}
-
-.output-title {
-  margin: 0 0 var(--spacing-md, 16px) 0;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-text-primary, #1d2129);
-}
-
-.json-output {
-  background-color: var(--color-fill-1, #f7f8fa);
-  border: 1px solid var(--color-border-2, #e5e6eb);
-  border-radius: var(--radius-md, 6px);
-  padding: var(--spacing-md, 16px);
-  margin: 0;
-  font-family: Monaco, Menlo, 'Ubuntu Mono', monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--color-text-primary, #1d2129);
-  overflow: auto auto;
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 400px;
-}
-
-/* 响应式设计 */
-@media (min-width: 768px) {
-  .demo-container {
-    flex-direction: row;
-    gap: var(--spacing-xl, 32px);
-  }
-
-  .condition-builder-wrapper {
-    flex: 1;
-  }
-
-  .output-section {
-    flex: 0 0 400px;
-    border-top: none;
-    padding-top: 0;
-  }
-}
-
-/* --- 暗色模式适配 --- */
-[data-prefers-color='dark'] {
-  .output-title {
-    color: rgba(255, 255, 255, 0.85);
-  }
-  .json-output {
-    background-color: #141414;
-    border-color: #303030;
-    color: rgba(255, 255, 255, 0.85);
-  }
-}
-</style>

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/linked/constants.ts

@@ -1,51 +0,0 @@
-import type { ConditionGroup, OperatorOption, OptionItem } from '@yss-ui/components';
-
-export const operatorsByField: Record<string, OperatorOption[]> = {
-  age: [
-    { label: '=', value: '=', kind: 'single' },
-    { label: '>', value: '>', kind: 'single' },
-    { label: 'BETWEEN', value: 'BETWEEN', kind: 'between' },
-  ],
-  name: [
-    { label: '=', value: '=', kind: 'single' },
-    { label: 'LIKE', value: 'LIKE', kind: 'single' },
-    { label: 'IS NULL', value: 'IS NULL', kind: 'none' },
-  ],
-  city: [
-    { label: 'IN', value: 'IN', kind: 'multiple' },
-    { label: 'NOT IN', value: 'NOT IN', kind: 'multiple' },
-  ],
-};
-
-export const fieldOptions: OptionItem[] = [
-  { label: '年龄', value: 'age' },
-  { label: '姓名', value: 'name' },
-  { label: '城市', value: 'city' },
-];
-
-export const valueDictByField: Record<string, OptionItem[]> = {
-  name: [
-    { label: '张三', value: '张三' },
-    { label: '李四', value: '李四' },
-    { label: '王五', value: '王五' },
-  ],
-  city: [
-    { label: '北京', value: '北京' },
-    { label: '上海', value: '上海' },
-    { label: '深圳', value: '深圳' },
-  ],
-  age: [
-    { label: '18', value: '18' },
-    { label: '25', value: '25' },
-    { label: '30', value: '30' },
-  ],
-};
-
-export {};
-
-export const createInitial = (): ConditionGroup => ({
-  id: 'root',
-  type: 'GROUP',
-  logicalOp: 'AND',
-  children: [],
-});

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/linked/hooks/useConditionLinked.ts

@@ -1,29 +0,0 @@
-import type { OperatorOption, OptionItem } from '@yss-ui/components';
-import { operatorsByField, fieldOptions, valueDictByField } from '../constants';
-
-export const useConditionLinked = () => {
-  const loadFields = async (q: string) => {
-    const s = (q || '').toLowerCase();
-    return fieldOptions.filter(o => o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s));
-  };
-
-  const getOperators = async (field: unknown): Promise<OperatorOption[]> => {
-    const key = String(field || '');
-    return operatorsByField[key] || [];
-  };
-
-  const loadValues = async (args: { q: string; field: unknown; operator?: string }) => {
-    const key = String(args.field || '');
-    const list: OptionItem[] = valueDictByField[key] || [];
-    const s = (args.q || '').toLowerCase();
-    if (args.operator === 'LIKE') {
-      return [
-        { label: '%测试%', value: '%测试%' },
-        { label: '%用户%', value: '%用户%' },
-      ];
-    }
-    return list.filter(o => o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s));
-  };
-
-  return { loadFields, getOperators, loadValues };
-};

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/linked/index.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-import { YConditionBuilder } from '@yss-ui/components';
-import type { ConditionGroup } from '@yss-ui/components';
-import { createInitial } from './constants';
-import { useConditionLinked } from './hooks/useConditionLinked';
-
-const model = ref<ConditionGroup>(createInitial());
-const { loadFields, getOperators, loadValues } = useConditionLinked();
-</script>
-
-<template>
-  <div>
-    <YConditionBuilder
-      v-model="model"
-      :get-operators="getOperators"
-      :load-fields="loadFields"
-      :load-values="args => loadValues({ q: args.q, field: args.field, operator: args.operator })"
-    />
-  </div>
-</template>
-
-<style scoped lang="less"></style>

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/nesting-between/constants.ts

@@ -1,35 +0,0 @@
-import type { ConditionGroup, OperatorOption, OptionItem } from '@yss-ui/components';
-
-export const operatorOptions: OperatorOption[] = [
-  { label: '=', value: '=', kind: 'single' },
-  { label: 'BETWEEN', value: 'BETWEEN', kind: 'between' },
-  { label: 'IS NULL', value: 'IS NULL', kind: 'none' },
-];
-
-export const fieldOptions: OptionItem[] = [
-  { label: '日期', value: 'date' },
-  { label: '评分', value: 'score' },
-];
-
-export const initialNested: ConditionGroup = {
-  id: 'root',
-  type: 'GROUP',
-  logicalOp: 'AND',
-  children: [
-    {
-      id: 'g1',
-      type: 'GROUP',
-      logicalOp: 'OR',
-      children: [
-        {
-          id: 'l1',
-          type: 'LEAF',
-          field: 'date',
-          operator: 'BETWEEN',
-          value: ['2024-01-01', '2024-06-01'],
-        },
-        { id: 'l2', type: 'LEAF', field: 'score', operator: '=', value: '80' },
-      ],
-    },
-  ],
-};

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/nesting-between/hooks/useConditionNesting.ts

@@ -1,25 +0,0 @@
-import type { OptionItem } from '@yss-ui/components';
-import { fieldOptions } from '../constants';
-
-export const useConditionNesting = () => {
-  const loadFields = async (q: string) => {
-    const s = (q || '').toLowerCase();
-    return fieldOptions.filter(o => o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s));
-  };
-
-  const loadValues = async (args: { q: string; field: unknown }) => {
-    const key = String(args.field || '');
-    const s = (args.q || '').toLowerCase();
-    if (key === 'date') {
-      const all: OptionItem[] = ['2024-01-01', '2024-06-01', '2024-12-31'].map(v => ({ label: v, value: v }));
-      return all.filter(o => o.value.toLowerCase().includes(s));
-    }
-    if (key === 'score') {
-      const all: OptionItem[] = ['60', '80', '90'].map(v => ({ label: v, value: v }));
-      return all.filter(o => o.value.toLowerCase().includes(s));
-    }
-    return [];
-  };
-
-  return { loadFields, loadValues };
-};

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/nesting-between/index.vue

@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-import { YConditionBuilder } from '@yss-ui/components';
-import type { ConditionGroup } from '@yss-ui/components';
-import { operatorOptions, initialNested } from './constants';
-import { useConditionNesting } from './hooks/useConditionNesting';
-
-const model = ref<ConditionGroup>(initialNested);
-const { loadFields, loadValues } = useConditionNesting();
-</script>
-
-<template>
-  <div>
-    <YConditionBuilder
-      v-model="model"
-      :operator-options="operatorOptions"
-      :load-fields="loadFields"
-      :load-values="args => loadValues({ q: args.q, field: args.field })"
-      :max-depth="4"
-    />
-  </div>
-</template>
-
-<style scoped lang="less"></style>

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/remote/constants.ts

@@ -1,7 +0,0 @@
-import type { ConditionGroup } from '@yss-ui/components';
-export const createInitial = (): ConditionGroup => ({
-  id: 'root',
-  type: 'GROUP',
-  logicalOp: 'AND',
-  children: [],
-});

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/remote/hooks/useConditionRemote.ts

@@ -1,75 +0,0 @@
-import type { OperatorOption, OptionItem } from '@yss-ui/components';
-
-const delay = (ms: number) => new Promise(res => setTimeout(res, ms));
-
-export const useConditionRemote = () => {
-  const loadFields = async (q: string) => {
-    await delay(200);
-    const all: OptionItem[] = [
-      { label: '部门', value: 'dept' },
-      { label: '地区', value: 'region' },
-      { label: '评分', value: 'score' },
-    ];
-    const s = (q || '').toLowerCase();
-    return all.filter(o => o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s));
-  };
-
-  const getOperators = async (field: unknown): Promise<OperatorOption[]> => {
-    await delay(150);
-    const map: Record<string, OperatorOption[]> = {
-      dept: [
-        { label: 'IN', value: 'IN', kind: 'multiple' },
-        { label: 'NOT IN', value: 'NOT IN', kind: 'multiple' },
-        { label: 'IS NULL', value: 'IS NULL', kind: 'none' },
-      ],
-      region: [
-        { label: '=', value: '=', kind: 'single' },
-        { label: '!=', value: '!=', kind: 'single' },
-      ],
-      score: [
-        { label: '>', value: '>', kind: 'single' },
-        { label: 'BETWEEN', value: 'BETWEEN', kind: 'between' },
-      ],
-    };
-    return map[String(field || '')] || [{ label: '=', value: '=', kind: 'single' }];
-  };
-
-  const loadValues = async (args: { q: string; field: unknown; operator?: string }) => {
-    await delay(220);
-    const key = String(args.field || '');
-    const s = (args.q || '').toLowerCase();
-    if (key === 'dept') {
-      const all: OptionItem[] = [
-        { label: '研发', value: '研发' },
-        { label: '市场', value: '市场' },
-        { label: '运营', value: '运营' },
-      ];
-      return all.filter(o => o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s));
-    }
-    if (key === 'region') {
-      const all: OptionItem[] = [
-        { label: '华北', value: '华北' },
-        { label: '华东', value: '华东' },
-        { label: '华南', value: '华南' },
-      ];
-      return all.filter(o => o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s));
-    }
-    if (key === 'score') {
-      if (args.operator === 'BETWEEN') {
-        return [
-          { label: '60', value: '60' },
-          { label: '80', value: '80' },
-          { label: '90', value: '90' },
-        ];
-      }
-      return [
-        { label: '60', value: '60' },
-        { label: '70', value: '70' },
-        { label: '80', value: '80' },
-      ].filter(o => o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s));
-    }
-    return [];
-  };
-
-  return { loadFields, getOperators, loadValues };
-};

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/remote/index.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-import { YConditionBuilder } from '@yss-ui/components';
-import type { ConditionGroup } from '@yss-ui/components';
-import { createInitial } from './constants';
-import { useConditionRemote } from './hooks/useConditionRemote';
-
-const model = ref<ConditionGroup>(createInitial());
-const { loadFields, getOperators, loadValues } = useConditionRemote();
-</script>
-
-<template>
-  <div>
-    <YConditionBuilder
-      v-model="model"
-      :get-operators="getOperators"
-      :load-fields="loadFields"
-      :load-values="args => loadValues({ q: args.q, field: args.field, operator: args.operator })"
-    />
-  </div>
-</template>
-
-<style scoped lang="less"></style>

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/validation/constants.ts

@@ -1,42 +0,0 @@
-import type { ConditionGroup, OperatorOption, OptionItem } from '@yss-ui/components';
-
-export const operatorOptions: OperatorOption[] = [
-  { label: '=', value: '=', kind: 'single' },
-  { label: '!=', value: '!=', kind: 'single' },
-  { label: '>', value: '>', kind: 'single' },
-  { label: 'BETWEEN', value: 'BETWEEN', kind: 'between' },
-  { label: 'IS NULL', value: 'IS NULL', kind: 'none' },
-];
-
-export const fieldOptions: OptionItem[] = [
-  { label: '年龄', value: 'age' },
-  { label: '姓名', value: 'name' },
-  { label: '城市', value: 'city' },
-];
-
-export const valueDict: Record<string, OptionItem[]> = {
-  name: [
-    { label: '张三', value: 'zhangsan' },
-    { label: '李四', value: 'lisi' },
-    { label: '王五', value: 'wangwu' },
-  ],
-  city: [
-    { label: '北京', value: 'beijing' },
-    { label: '上海', value: 'shanghai' },
-    { label: '广州', value: 'guangzhou' },
-  ],
-  age: [
-    { label: '18', value: '18' },
-    { label: '25', value: '25' },
-    { label: '30', value: '30' },
-  ],
-};
-
-export {};
-
-export const createInitial = (): ConditionGroup => ({
-  id: 'root',
-  type: 'GROUP',
-  logicalOp: 'AND',
-  children: [],
-});

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/validation/hooks/useConditionBasic.ts

@@ -1,22 +0,0 @@
-import type { OptionItem } from '@yss-ui/components';
-import { fieldOptions, valueDict } from '../constants';
-
-export const useConditionBasic = () => {
-  const loadFields = async (q: string): Promise<OptionItem[]> => {
-    await new Promise(resolve => setTimeout(resolve, 300));
-    if (!q) return fieldOptions;
-    return fieldOptions.filter(opt => opt.label.includes(q) || opt.value.includes(q));
-  };
-
-  const loadValues = async ({ q, field }: { q: string; field: string }): Promise<OptionItem[]> => {
-    await new Promise(resolve => setTimeout(resolve, 300));
-    const options = valueDict[field] || [];
-    if (!q) return options;
-    return options.filter(opt => opt.label.includes(q) || opt.value.includes(q));
-  };
-
-  return {
-    loadFields,
-    loadValues,
-  };
-};

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/validation/index.vue

@@ -1,138 +0,0 @@
-<script setup lang="ts">
-import { ref, computed } from 'vue';
-import { YConditionBuilder, YButton } from '@yss-ui/components';
-import { message } from 'ant-design-vue';
-import type { ConditionGroup } from '@yss-ui/components';
-import { operatorOptions, createInitial } from './constants.ts';
-import { useConditionBasic } from './hooks/useConditionBasic';
-
-const model = ref<ConditionGroup>(createInitial());
-const { loadFields, loadValues } = useConditionBasic();
-const conditionBuilderRef = ref<any>(null);
-
-/** 格式化输出的 JSON 参数 */
-const formattedJson = computed(() => {
-  return JSON.stringify(model.value, null, 2);
-});
-
-/** 处理组件的 validate 事件 */
-const handleValidate = (v: boolean) => {
-  console.info(v, '组件 validate 事件返回值');
-};
-
-/** 手动触发校验 */
-const handleManualValidate = () => {
-  if (conditionBuilderRef.value?.validate) {
-    const isValid = conditionBuilderRef.value.validate();
-    if (isValid) {
-      message.success('校验通过！所有条件都已填写完整');
-    } else {
-      message.error('校验失败！请完善条件表达式');
-    }
-  }
-};
-</script>
-
-<template>
-  <div class="demo-container">
-    <div class="condition-builder-wrapper">
-      <YConditionBuilder
-        ref="conditionBuilderRef"
-        v-model="model"
-        :operator-options="operatorOptions"
-        :load-fields="loadFields"
-        :load-values="args => loadValues({ q: args.q, field: args.field as string })"
-        @validate="handleValidate"
-      />
-      <div class="action-bar">
-        <YButton size="small" type="primary" @click="handleManualValidate">提交校验</YButton>
-      </div>
-    </div>
-
-    <div class="output-section">
-      <h4 class="output-title">输出参数 JSON：</h4>
-      <pre class="json-output">{{ formattedJson }}</pre>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="less">
-.demo-container {
-  gap: var(--spacing-lg, 24px);
-}
-
-.condition-builder-wrapper {
-  min-height: 200px;
-}
-
-.action-bar {
-  margin-top: var(--spacing-md, 16px);
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--spacing-sm, 8px);
-}
-
-.hint-text {
-  font-size: 12px;
-  color: var(--color-text-tertiary, #86909c);
-  margin-right: auto;
-  align-self: center;
-}
-
-.output-section {
-  padding-top: var(--spacing-lg, 24px);
-}
-
-.output-title {
-  margin: 0 0 var(--spacing-md, 16px) 0;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-text-primary, #1d2129);
-}
-
-.json-output {
-  background-color: var(--color-fill-1, #f7f8fa);
-  border: 1px solid var(--color-border-2, #e5e6eb);
-  border-radius: var(--radius-md, 6px);
-  padding: var(--spacing-md, 16px);
-  margin: 0;
-  font-family: Monaco, Menlo, 'Ubuntu Mono', monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--color-text-primary, #1d2129);
-  overflow: auto auto;
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 400px;
-}
-
-/* 响应式设计 */
-@media (min-width: 768px) {
-  .demo-container {
-    flex-direction: row;
-    gap: var(--spacing-xl, 32px);
-  }
-
-  .condition-builder-wrapper {
-    flex: 1;
-  }
-
-  .output-section {
-    flex: 0 0 400px;
-    border-top: none;
-    padding-top: 0;
-  }
-}
-
-/* --- 暗色模式适配 --- */
-[data-prefers-color='dark'] {
-  .output-title {
-    color: rgba(255, 255, 255, 0.85);
-  }
-  .json-output {
-    background-color: #141414;
-    border-color: #303030;
-    color: rgba(255, 255, 255, 0.85);
-  }
-}
-</style>

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/validation-custom/constants.ts

@@ -1,42 +0,0 @@
-import type { ConditionGroup, OperatorOption, OptionItem } from '@yss-ui/components';
-
-export const operatorOptions: OperatorOption[] = [
-  { label: '=', value: '=', kind: 'single' },
-  { label: '!=', value: '!=', kind: 'single' },
-  { label: '>', value: '>', kind: 'single' },
-  { label: 'BETWEEN', value: 'BETWEEN', kind: 'between' },
-  { label: 'IS NULL', value: 'IS NULL', kind: 'none' },
-];
-
-export const fieldOptions: OptionItem[] = [
-  { label: '年龄', value: 'age' },
-  { label: '姓名', value: 'name' },
-  { label: '城市', value: 'city' },
-];
-
-export const valueDict: Record<string, OptionItem[]> = {
-  name: [
-    { label: '张三', value: 'zhangsan' },
-    { label: '李四', value: 'lisi' },
-    { label: '王五', value: 'wangwu' },
-  ],
-  city: [
-    { label: '北京', value: 'beijing' },
-    { label: '上海', value: 'shanghai' },
-    { label: '广州', value: 'guangzhou' },
-  ],
-  age: [
-    { label: '18', value: '18' },
-    { label: '25', value: '25' },
-    { label: '30', value: '30' },
-  ],
-};
-
-export {};
-
-export const createInitial = (): ConditionGroup => ({
-  id: 'root',
-  type: 'GROUP',
-  logicalOp: 'AND',
-  children: [],
-});

package/template/.claude/skills/yss-ui/assets/demos/condition-builder/validation-custom/hooks/useConditionBasic.ts

@@ -1,22 +0,0 @@
-import type { OptionItem } from '@yss-ui/components';
-import { fieldOptions, valueDict } from '../constants';
-
-export const useConditionBasic = () => {
-  const loadFields = async (q: string): Promise<OptionItem[]> => {
-    await new Promise(resolve => setTimeout(resolve, 300));
-    if (!q) return fieldOptions;
-    return fieldOptions.filter(opt => opt.label.includes(q) || opt.value.includes(q));
-  };
-
-  const loadValues = async ({ q, field }: { q: string; field: string }): Promise<OptionItem[]> => {
-    await new Promise(resolve => setTimeout(resolve, 300));
-    const options = valueDict[field] || [];
-    if (!q) return options;
-    return options.filter(opt => opt.label.includes(q) || opt.value.includes(q));
-  };
-
-  return {
-    loadFields,
-    loadValues,
-  };
-};