yh-mobile-components 1.0.5 → 1.0.6

package/form/yhmCascader.vue

@@ -0,0 +1,5 @@
+<template>
+  <section></section>
+</template>
+<script setup lang="ts"></script>
+<style lang="scss"></style>

package/form/yhmRate.vue

@@ -0,0 +1,5 @@
+<template>
+  <section></section>
+</template>
+<script setup lang="ts"></script>
+<style lang="scss"></style>

package/form/yhmSignature.vue

@@ -0,0 +1,5 @@
+<template>
+  <section></section>
+</template>
+<script setup lang="ts"></script>
+<style lang="scss"></style>

package/form/yhmSlider.vue

@@ -0,0 +1,5 @@
+<template>
+  <section></section>
+</template>
+<script setup lang="ts"></script>
+<style lang="scss"></style>

package/form/yhmStepper.vue

@@ -0,0 +1,5 @@
+<template>
+  <section></section>
+</template>
+<script setup lang="ts"></script>
+<style lang="scss"></style>

package/index.ts

@@ -3,6 +3,7 @@ import yhmDropdownItem from "./info/yhmDropdownItem.vue";
 import yhmTabs from "./info/yhmTabs.vue";
 import yhmInfo from "./info/yhmInfo.vue";
 import yhmInfoItem from "./info/yhmInfoItem.vue";
+import yhmTable from "./info/yhmTable.vue";
 import yhmForm from "./form/yhm-form.vue";
 import yhmDatetime from "./form/yhmDatetime.vue";
 import yhmRadio from "./form/yhmRadio.vue";
@@ -11,6 +12,11 @@ import yhmSelect from "./form/yhmSelect.vue";
 import yhmInput from "./form/yhmInput.vue";
 import yhmSwitch from "./form/yhmSwitch.vue";
 import yhmPassword from "./form/yhmPassword.vue";
+import yhmCascader from "./form/yhmCascader.vue";
+import yhmRate from "./form/yhmRate.vue";
+import yhmSignature from "./form/yhmSignature.vue";
+import yhmSlider from "./form/yhmSlider.vue";
+import yhmStepper from "./form/yhmStepper.vue";
 import vant from "vant";
 import "vant/lib/index.css";
 import "yh-mobile-components/custom.scss";
@@ -22,6 +28,7 @@ export default {
     app.component("yhm-tabs", yhmTabs);
     app.component("yhm-info", yhmInfo);
     app.component("yhm-info-item", yhmInfoItem);
+    app.component("yhm-table", yhmTable);
     app.component("yhm-form", yhmForm);
     app.component("yhm-datetime", yhmDatetime);
     app.component("yhm-radio", yhmRadio);
@@ -30,6 +37,11 @@ export default {
     app.component("yhm-select", yhmSelect);
     app.component("yhm-switch", yhmSwitch);
     app.component("yhm-password", yhmPassword);
+    app.component("yhm-cascader", yhmCascader);
+    app.component("yhm-rate", yhmRate);
+    app.component("yhm-signature", yhmSignature);
+    app.component("yhm-slider", yhmSlider);
+    app.component("yhm-stepper", yhmStepper);
     app.use(vant);
   },
 };

package/info/yhmList.vue

@@ -163,6 +163,10 @@ onMounted(() => {
 });
 
 onActivated(() => {});
+
+defineExpose({
+  getList,
+});
 </script>
 <style lang="scss">
 .yhm-list-container {

package/info/yhmTable.vue

@@ -0,0 +1,21 @@
+<template>
+  <section class="yhm-table-container">
+    <table>
+      <colgroup>
+        <col />
+      </colgroup>
+      <tr></tr>
+    </table>
+  </section>
+  <talbe class="yhm-talbe-"></talbe>
+</template>
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    data: any[];
+    columns: ColumnItem[];
+  }>(),
+  {}
+);
+</script>
+<style lang="scss"></style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yh-mobile-components",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "移动端组件封装及配置化需求",
   "main": "index.js",
   "scripts": {

package/types.ts

@@ -122,3 +122,10 @@ export interface ConfigFormItem {
   /** 不同类型表单项的个性化配置 */
   config: ConfigFormItem["type"] extends DateTimeType ? DatetimeConfig : ConfigFormItem["type"] extends "checkbox" ? CheckboxConfig : ConfigFormItem["type"] extends "radio" ? RadioConfig : ConfigFormItem["type"] extends "select" ? SelectConfig : ConfigFormItem["type"] extends "switch" ? SwitchConfig : {};
 }
+
+/** 表格单元格 */
+export interface ColumnItem {
+  /** 表头名 */
+  label: string;
+  prop: string;
+}