12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- "use strict";
- const common_vendor = require("../../../../common/vendor.js");
- const __default__ = {
- name: "u-grid",
- mixins: [common_vendor.mpMixin, common_vendor.mixin, common_vendor.props$3],
- data() {
- return {
- index: 0,
- width: 0
- };
- },
- watch: {
- // 当父组件需要子组件需要共享的参数发生了变化,手动通知子组件
- parentData() {
- if (this.children.length) {
- this.children.map((child) => {
- typeof child.updateParentData == "function" && child.updateParentData();
- });
- }
- }
- },
- created() {
- this.children = [];
- },
- computed: {
- // 计算父组件的值是否发生变化
- parentData() {
- return [this.hoverClass, this.col, this.size, this.border];
- },
- // 宫格对齐方式
- gridStyle() {
- let style = {};
- switch (this.align) {
- case "left":
- style.justifyContent = "flex-start";
- break;
- case "center":
- style.justifyContent = "center";
- break;
- case "right":
- style.justifyContent = "flex-end";
- break;
- default:
- style.justifyContent = "flex-start";
- }
- return common_vendor.deepMerge(style, common_vendor.addStyle(this.customStyle));
- }
- },
- emits: ["click"],
- // 防止事件执行两次
- // 20240409发现抖音小程序如果开启virtualHost会出现严重问题,几乎所有事件包括created等生命周期事件全部失效。
- options: {
- // virtualHost: true ,//将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等
- },
- methods: {
- // 此方法由u-grid-item触发,用于在u-grid发出事件
- childClick(name) {
- this.$emit("click", name);
- }
- }
- };
- const __injectCSSVars__ = () => {
- common_vendor.useCssVars((_ctx) => ({
- "10cf4cad": _ctx.gap,
- "10cf3f57": _ctx.col
- }));
- };
- const __setup__ = __default__.setup;
- __default__.setup = __setup__ ? (props, ctx) => {
- __injectCSSVars__();
- return __setup__(props, ctx);
- } : __injectCSSVars__;
- const _sfc_main = __default__;
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
- return {
- a: common_vendor.s($options.gridStyle),
- b: common_vendor.s(_ctx.__cssVars())
- };
- }
- const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-85602471"], ["__file", "C:/Users/Administrator/Desktop/srcaaa/node_modules/uview-plus/components/u-grid/u-grid.vue"]]);
- wx.createComponent(Component);
|